Cara Menambahkan Fitur Login Authentication Firebase di Blogger

MEMASANG TAG LABEL BERWARNA DI BAWAH POSTINGAN BLOG-Hallo semua kali ini saya akan memebrikan sebuah postingan terbaru buat kalian tentang Hashtag atau di sebuat dengan Tag sebuah tag yang menarik unik dan pas buat blog kalian yang elegan,sebuah tag di blog memang sangat lah penting ialah bertujuan untuk mengelompokan sebuah postingan dan sebagai pemangil dari sebuah postingan blog,mungkin sebuah tips ini sudah banyak yang tahu tapi di sini saya akan memberikan sebuah tips tambahan buat kalian supaya lebih banyak orang yang tahu tentang hashtag ini,liat gambar di bawah ini,penampakan dari sebuah Tag berwarna.

Tag Berwarna

Jika kalian ingin memasang Hashtag ini ikuti langkah-langkah sebagai berikut :

MEMASANG TAG LABEL BERWARNA DI BAWAH POSTINGAN BLOG

1. Logi Blogger
2. Buka Template > Edit HTML > Terus Cari Kode </head> Di template kalian
3. Jika kalian sudah menemukan kode tersebut taruh kode di bawah ini tepat di atasnya

<style type='text/css'>
/*Post Label*/
.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>

5. Langkah Berikutnya Cari kode </article>
6. Jika sudah ketemu taruh kode di bawah ini tepat di atasnya

<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>

Note :Jika Tag label tidak sesuai misal tampil di bawah related post, kalian tinggal pindahkan html di atas sesuai keinginan kalian.

6. Kalau suadah selesai save template kalaian dan lihat hasilnya.

Mungkin cukup sekian tentang  MEMASANG TAG LABEL BERWARNA DI BAWAH POSTINGAN BLOG mudah-mudahan Bermanfaat bagi kalian.Thanks

Related Posts