Jika kamu seorang penulis di platform blogger ataupun di platform wordpress tentunya kamu tidak asing lagi dengan apa itu label. Label merupakan kategori artikel yang telah kamu tulis dan publikasikan, dengan memasang label para pengunjung dapat dengan mudah menemukan kategori artikel yang serupa. Tag label adalah suatu hal penting yang wajib ada pada struktur blogger.
Maka dari itu pada kesempatan kali ini saya akan memberikan tutorial bagaimana Cara Mudah Membuat Dan Memasang Tag Label Di Bawah Postingan Blog. Memasang label tag dibawah postingan itu cukup mudah dan tidak terlalu sulit. Berikut adalah langkah-langkah yang harus kalian terapkan pada blog anda.
Cara Membuat dan Memasang Label Tag diBawah Postingan Blog
1. Pertama login dulu ke Blogger > Kemudian pada dashboard Blogger pilih Tema > Edit HTML
2. Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head>
/* Label Tag By Goindoti */
<style type="text/css">
.post-labels{margin-top:15px;float:left;display:block;width:100%;color:#fff}
.post-labels span{margin:0 5px 5px 0;float: left;height: 24px; font-weight: 400; line-height: 25px; font-size: 12px;background: #ff69b4; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); border-radius: 100px; padding: 0 10px; color: #fff; text-decoration: none;}
.post-labels a{font-family:'Poppins',sans-serif;float: left;height: 24px; font-weight: 400; line-height: 25px; font-size: 12px; margin:0 5px 5px 0; background: #dadce0; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); border-radius: 100px; padding: 0 10px; color: #1b1c27; text-decoration: none;}
.post-labels a:hover{background:#ffcce6}
</style>3. Setelah meletakkan kode CSS, copy kan kode HTML dibawah ini dan letakkan tepat diatas kode </article>, itu agar label tagnya tepat diakhir postingan.
<b:if cond='data:blog.pageType == "item"'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<span style='float: left;'>Tags</span><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=6"' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a>
</b:loop>
</b:if>
</span>
</b:if>4. Terakhir Simpan Template
Nah itulah bagaimana cara membuat label tag diakhir postingan, caranya mudah bukan. untuk Demonya kamu dapat melihat seperti yang ada di akhir artikel ini. Demikian tutorial mengenai Cara Mudah Membuat Dan Memasang Tag Label Di Bawah Postingan Blog.
Bila anda merasa kesulitan menerapkan tutorial di atas pada blog kalian, jangan sungkan untuk bertanya pada kolom komentar dibawah. Semoga informasi yang diberikan bermanfaat dan sampai jumpa pada tutorial berikutnya.