Pasang widget labels di blogger

Pasang widget labels di blogger artikel pada kali ini.labels atau kategori pasti sangat perlu untuk suatu blog ataupun website agar pengunjung dapat dengan mudah mencari artikel yang ada di blog.artikel ini akan menjelaskan cara memasang widget labels dengan 2(dua ) tampilan yaitu bisa berdasarkan alfabet yaitu berurutan dari a-z maupun frequensi dan juga kita bisa memilih salah beberapa labels saja yang tampil kemudian untuk penataan daftarnya bisa menggunakan list ataupun cloud,gadget labels ini juga bisa kita atur untuk menampilkan jumlah perlabels ataupun tidak ditampilkan jumlahnya.mungkin kita langsung bahas ubtuk caranya.

1. Widget labels default blogger

login blogger >> rancangan/design >> page elements >> add gadget kemudian pilih gadget labels.

setelah tambah gadget labels maka akan keluar form seperti di bawah ini.

sobat bisa mengatur sesuai keinginan sobat.
setelah selesai jangan lupa di save dan lihat hasilnya.

1. Widget labels animasi untuk blogger klasik

untuk cara yang kedua ini yaitu cara memasang widget labels animasi hanya saja kode disini hanya untuk template klasik atau tepatnya berpatokan pada template minima.tetapi apabila sobat memakai template klasik di bawah ini contoh dan caranya.

dan untuk caranya yaitu login blogger >> rancangan/design >> edit HTMl >> Expand template widget dan cari kode

<b:section class='sidebar' id='sidebar' preferred='yes'>

jika sudah ketemu maka letakkan kode di bawah ini persis di bawahnya.

<b:widget id='Label88' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.hermanblog.com'>Herman Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;180&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

silahkan sobat ganti untuk tinggi dan lebar labels cloudnya yang berwarna merah.
dan jangan lupa pilih simpan template dan lihat hasilnya.

semoga bermanfaat untuk artikel Pasang widget labels di blogger dan selamat mencoba..

baca artikel yang lain :