Cara Membuat Tag Cloud Di Bawah Posting Blogger

Assalamualaikum.
Kali ini saya akan kongsikan cara membuat cloud tags di dalam setiap posting di blogger.
Sehari yang lepas (31/12/2018) saya memerima 1 email yang bertanyakan cara memasang cloud tags di blogger sama seperti yang saya gunakan di blogger ini.

Saya memohon maaf kerana terlambat untun membalas dan memberi tutorialnya kerana ada perkara perkara yang tidak dapat di elakan.

Cara untuk memasangnya cukup senang, ikut cara yang akan saya kongsikan ini:

Login ke blogger anda dan tab padah Theme > Edit html dan cari kod berikut:

<data:post.body/>

Anda akan temukan dua code berikut, Pilih code yang terakhir dan gantikan dengan kod di bawah:

<data:post.body/>
<div class='label-wrap'>
<span class='label-tags'><i CLASS='fa fa-hashtag' aria-hidden='true'/>Cloud Tags</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>

Upp.. Hampir terlupa, tambahkan juga css ini ke dalam css style anda :

/* Tag */
.label-wrap{display:block;color:#666;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,0.05);overflow:hidden}
.label-info{position:relative;margin:auto}
.label-info a,.label-tags{background:#F44336
;float:left;display:inline-block;position:relative;font-size:10px;margin-left:8px;color:#fff;text-decoration:none;text-transform:uppercase;height:18px;line-height:18px;padding:0 6px;border-radius:3px}
.label-tags{background:#e9f1f2;color:#6c6c6c}
.label-info a:hover{background:#cf2f1e;color:#fff;border-color:inherit;text-decoration:none}

Na setelah selesai cara di atas, Simpan theme anda & lihat hasilnya.
Senang bukan

Thanks,
O4U Admin