Cara Membuat Tag Label Di Bawah Postingan Artikel

Khusus pengguna template Median UI v1.5 berikut ini adalah tutorial cara membuat tag atau label pada bagian 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

Pembelian

Cara Membuat Tag Label Di Bawah Postingan Artikel
Rp. 20rb / $2
*Pembelian dapat melalui Gopay, OVO dan lainnya detail info

Metode pembayaran

Bank Transfer Paypal
sudah membayar? konfirmasi di sini
IT Security, content creator, menulis di blogger sejak tiga tahun yang lalu.

2 komentar

  1. Makasih kang, work!
    1. Siap bang, sama-sama.
Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
© subangXploits. All rights reserved. Premium By Raushan Design