Cara Memasang Tag Dan Hastag keren Di Bawah Postingan Blog

Sudah lama ya broo saya tidak berbagi tutorial, Kali ini Blog Mas Rudi akan membagikan sedikit tutorial cara memasang tag dan hastag dibawah potingan blog.
tag dan hastag keren

Apa pentingnya mas tag dan hastag???
Dan apa sih mas tujuan kita memasang
tag dan hastag???

Tag dan hastag dalam Blog sangatlah penting sekali Broo,Tag dan hastag itu sendiri bertujuan untuk mengelompokan sebuah postingan dan sebagai pemanggil dari postingan Blog

BACA JUGA :




Yuk dari pada basi-basi lagi ikuti langkah langkahnya di bawah ini ya Bro.!!!

  • Langkah-Langkah Mamasang Tag Dan Hastag Keren Di Blog 


✔Seperti biasanya kalian harus masuk dulu ke akun Blog sobat ya

✔Setelah alnda berhasil masuk sekarang anda tinggal pilih menu Template⇒Edit HTML terus anda cari kode </head>


✔Kalo sudah ketemu, silahkan anda masukan kode CSS di bawah ini tepat di atas Kode </head>


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

✔Kalo sudah selesai copy kode diatas, tugas anda sekarang cari kode </article> 

✔Kalo sudah ketemu, copy lagi kode HTML di bawah ini dan tepatkan, tepat diatas kode </article>




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

 NB : Jika tag atau hastag nya tidak sesuai, misal tampilanya berada di bawah ralated post, kalian tinggal pindahkan kode HTML di atas sesuai dengan keinginan anda.

✔Kalo sudah selesai semua,anda tinggal klik save template



Selesai deh sekarang tampilan tag dan hastag di Blog sobat lebih keren dari pada yang kemarin-kemarin.

Mungkin cukup segini saja yang bisa saya share ke kaloian semua tunggu artikel-artikel selanjutnya Dari Blog Mas Rudi ya Broo..


Cara Memasang Tag Dan Hastag keren Di Bawah Postingan Blog Cara Memasang Tag Dan Hastag keren Di Bawah Postingan Blog Reviewed by Tips Daily For Life on April 29, 2017 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.