Membuat Tag Label Di Bawah Postingan Artikel

Tag label adalah baris text yang meng-categorykan suatu postingan agar pengunjung bisa dengan mudah menulusuri artikel dengan kategori atau label yang sama. Umumnya pada setiap template blogger sudah tersedia widget tag label, namun kebanyakan tag label di tempatkan pada bagian kanan postingan blog jika dilihat dalam mode desktop, menurut saya itu terlihat sangat menggangu. Jadi pada kesempatan kali ini saya akan membuatkan tag label responsive dengan posisi tepat diakhir postingan artikel blog. 

Cara Membuat Tag Label Di Bawah Postingan Artikel

Sebelum memulai, silahkan backup terlebih dahulu template blog kalian agar jika terjadi kesalahan bisa dengan mudah diatasi.

Jika sudah melakukan backup, sekarang lanjut copy code CSS di bawah ini lalu letakan tepat diatas code ]]></b:skin> 

.Blog .post .post-labels{ display: flex; flex-wrap: wrap; margin: 20px 0 20px; padding: 0; font-size: 13px} .darkMode .Blog .post .post-labels a{ background: #2d2d30; color: #989b9f} .Blog .post .post-labels a{ background: #f2f2f2; color: #313135; border-radius: 3px; border: none; margin: 3px; font-size: 12px; padding: 6px 18px; justify-content: space-between; line-height: 20px}

Selanjutnya copy code di bawah, dan tempatkan code tsb berada pada bagian bawah article. atau letakan diatas code </article> mungkin akan ada beberapa code seperti itu ketika melakukan pencarian. kalian coba saja satu persatu.

                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                <div class='post-labels'>
                                    <b:if cond='data:post.labels'>
                                        <b:loop values='data:post.labels' var='label'>
                                            <a aria-label='Government' data-text='Government' expr:href='data:label.url' expr:title='data:label.name' rel='tag nofollow'>
                                                <data:label.name/>
                                            </a>
                                        </b:loop>
                                    </b:if>
                                </div>
                            </b:if>

Kemudian save template, dan lihat hasilnya pada blog kalian atau demon bisa lihat tag label pada blog saya. bisa kalian lihat pada bagian bawah post artikel

Membuat Tag Label Di Bawah Postingan Artikel

Jasa Pembuatan Website

50 % off

Ingin membuat website atau blog dengan harga murah? Dapatkan harga terbaik dari kami sekarang juga!

Dapatkan Sekarang