Cara Memasang Tag Label di Akhir Postingan Blog Terbaru

Jagoandzgn.com - Pada kesempatan kali ini saya akan membagikan sebuah tutorial bagaimana Cara Memasang Tag Label di Akhir Postingan Blog Terbaru, seperti yang kita ketahui Manfaat dari tag label ini sangat banyak contohnya untuk manfaat nya banyak sekali, salah satu nya adalah dapat meningkatkan pengunjung blog. tidak hanya untuk meningkatkan pengunjung saja, tetapi manfaat dari tag label juga bisa untuk membuat artikel kita muncul dihalaman pertama.

Apa Itu Tag Label ?

Tag Label adalah sebutan dari kata hastag, yang dimana akan memberikan sebuah kata kunci pada label tersebut. Hanya saja beda nya tag label ini tidak memberikan judul ataupun tulisan artikel, melainkan hanya memberikan sebuah nama label dari artikel tersebut.

Cara Memasang Tag Label di Akhir Postingan Blog Terbaru

1. Silahkan kamu login ke Blogger.com dengan menggunakan Gmail kamu.
2. Selanjutnya silahkan kamu masuk ke menu TEMA > klik Edit HTML.
3. Cari kode </head> dan Pastekan kode dibawah ini tepat DIATAS kode tersebut.

<style type='text/css'>
/* Post Label Jagoandzgn */
.post-labels{float:left;display:block;width:100%;color:#999}
.post-labels a{float:left;height:24px;line-height:24px;position:relative;font-size:12px;margin-left:12px;padding:0 10px;background:rgba(0,0,0,0.25);color:#fff;text-decoration:none;border-bottom-right-radius:3px;border-top-right-radius:3px}
.post-labels a:before{content:"";float:left;position:absolute;top:0;left:-12px;width:0;height:0;border-color:transparent rgba(0,0,0,0.25) transparent transparent;border-style:solid;border-width:12px 12px 12px 0}
.post-labels a:after{content:"";position:absolute;top:10px;left:-1px;float:left;width:4px;height:4px;border-radius:2px;background:#fff;transition:all .3s}
.post-labels a:nth-child(1){background:#ca85ca}
.post-labels a:nth-child(1):before{border-color:transparent #ca85ca transparent transparent}
.post-labels a:nth-child(2){background:#e54e7e}
.post-labels a:nth-child(2):before{border-color:transparent #e54e7e transparent transparent}
.post-labels a:nth-child(3){background:#61c436}
.post-labels a:nth-child(3):before{border-color:transparent #61c436 transparent transparent}
.post-labels a:nth-child(4){background:#f4b23f}
.post-labels a:nth-child(4):before{border-color:transparent #f4b23f transparent transparent}
.post-labels a:nth-child(5){background:#46c49c}
.post-labels a:nth-child(5):before{border-color:transparent #46c49c transparent transparent}
.post-labels a:nth-child(6){background:#607ec7}
.post-labels a:nth-child(6):before{border-color:transparent #607ec7 transparent transparent}
.post-labels a:nth-child(7){background:#ca85ca}
.post-labels a:nth-child(7):before{border-color:transparent #ca85ca transparent transparent}
.post-labels a:nth-child(8){background:#e54e7e}
.post-labels a:nth-child(8):before{border-color:transparent #e54e7e transparent transparent}
.post-labels a:nth-child(9){background:#61c436}
.post-labels a:nth-child(9):before{border-color:transparent #61c436 transparent transparent}
.post-labels a:nth-child(10){background:#f4b23f}
.post-labels a:nth-child(10):before{border-color:transparent #f4b23f transparent transparent}
</style>

4. Kalau sudah, selanjutnya silahkan kamu cari kode <data:post.body/> ( Biasanya disebuah template terdapat 3 kode yang sama. Jadi kamu cari kode tersebut yang terakhir / 3) dan Pastekan tepat DIBAWAH kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <span class='post-labels'> <div id='maia-signature'/> <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 + &quot;?max-results=6&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a> </b:loop> </b:if> </span> </b:if>

5. Kalau sudah kamu terapkan semua, silahkan klik SIMPAN dan Selesai.

Bagaimana mudah bukan, untuk DEMO nanti bakal nyusul untuk tutorial Cara Memasang Tag Label di Akhir Postingan Blog Terbaru apabila kamu memiliki masalah atau pertanyaan silahkan komen di kolom komentar dibawah artikel ini.