Pilih Bahasa
Indonesia
English
日本語 (Japan)
简体中文 (China)
한국어 (Korean)
हिन्दी (Hindi)
Tiếng Việt (Vietnam)
العربية (Arabic)
no fucking license

MEMASANG TAG LABEL BERWARNA DI BAWAH POSTINGAN BLOG

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.
MEMASANG TAG LABEL BERWARNA DI BAWAH POSTINGAN BLOG
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
2 comments

2 comments

Tinggalkan komentar sesuai topik tulisan,dan Berkomentarlah dengan sopan, centang Beri Tahu Saya 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.
  • Menulis kode gunakan kode (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan kode panjang (kode harus di-parse)
  • Menyisipkan gambar gunakan URL GAMBAR (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.


image quote pre code
  • Roni esko
    Roni esko
    January 23, 2017 at 5:06 PM
    thanks om tipsnya
    • Roni esko
      Egi Supiyudin
      January 24, 2017 at 1:11 PM
      Sama-sama om
    Reply