Cara Membuat Lable Tag Pada Blogger - CH MIKO

7/20/18

Cara Membuat Lable Tag Pada Blogger




Tag biasaya digunakn untuk menunjukan suatu pos berada dalam kategori tertentu, semisal games, tutorial, photoshop, blogger dll. Tag ini merupan penanda untuk memasukan pos kehalaman kategori tersebut.
Pertama buka terlebih dahulu Blog > Edit HTLM > Paste code berikut ini di bagian post yang ingin kalian letakkan. Semisal dibawah penerbit, seperti milik saya ini.

<!--Lable Tag-->
<style>
.label-wrap{display:block;color:#666;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,0.14);overflow:hidden}
.label-info{position:relative;margin:auto}
.label-info a,.label-tags{float:left;display:inline-block;position:relative;font-size:10px;margin-left:8px;padding:5px 6px;background:#5c7dc2;color:#fff;text-decoration:none;border:1px solid;text-transform:uppercase;border-radius:3px}
.label-tags{background:#fff;color:#f39c12;font-family:fontawesome;}
.label-info a:hover{background:#fff;color:#5c7dc2;border-color:inherit;text-decoration:none}
</style>

<div class='label-wrap'>
<span class='label-tags'><i CLASS='fa fa-tags' aria-hidden='true'/></span>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<div class='label-info'>
<a class='label-block' expr:href='data:label.url + &quot;?max-results=7&quot;' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</div>
</b:loop>
</b:if>
</div>
<!--Lable Tag-->

Kemudia Simpan

Share with your friends

Featured

[Featured][recentbylabel]