Cara Membuat Tag Cloud Di Bawah Posting Blogger - Onet4u Tech
Dark
News Update
Loading...

Cara Membuat Tag Cloud Di Bawah Posting Blogger

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 Membuat Tag Cloud Di Bawah Posting Blogger
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



dottycat
“Don’t try to plan everything out to the very last detail. I’m a big believer in just getting it out there: create a minimal viable product or website, launch it, and get feedback.”

RELATED POSTS

COMMENT

Load Comments

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel