Saturday, December 31, 2011

Cara Untuk Membuat Labels Tag Cloud

Hallo para Panik'ers, semoga hari kalian indah selalu. Kembali lagi saya ingin membagi pengetahuan saya dan kali ini mengenai Labels dengan bentuk seperti awan columbus. Apakah anda tertarik untuk membuat labels blog anda seperti yang ada pada blogpanik ?


Salah satu cara untuk mempercantik blog agar para pembaca selalu setia dan tertarik mengunjugni blog kita. Namun kali ini ada hal yang perlu diperhatikan yaitu tidak semua template bisa menggunakan Labels Tag Cloud ini. Langsung saja kita menuju TKP sebagai berikut langkah - langkahnya :

1. Login ke Blogger.com

2. Dashboard lalu Rancangan lalu Edit HTML kemudian jangan lupa untuk mencentang Expand Widget Template

3. Tekan Ctrl + F untuk memudahkan pencarian kode seperti berikut :

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

4. Kemudian Copy kode dibawah ini lalu paste dibawah kode tadi :

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&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>

Keterangan :

Warna Merah anda bisa ganti dengan nama Labels yang anda inginkan
Warna Biru anda bisa ganti dengan ukuran Labels Tag Cloud sesuai dengan selera ataupun disesuaikan dengan kondisi blog anda.
Warna Ungu anda bisa ganti dengan warna background yang anda inginkan


5. Setelah itu klik Save template dan lihat hasilnya di blog anda.


Demikian tutorial ini dibuat, lebih dan kurangnya mohon dimaafkan. Para pembaca yang baik selalu meninggalkan komentar dan like nya yah.

No comments:

Post a Comment