Coretan BoWo Coretan BoWo Coretan BoWo: Membuat Label Blog Lebih Menarik

Friday, May 25, 2012

Membuat Label Blog Lebih Menarik

Buat teman-teman tentunya sudah pada tahu bagai mana cara memasang label di blogger. Label ini berfungsi untuk mempermudah pembaca dalam mencari artikel yang ia cari berdasarkan kategori yang berada didalam label terebut. Selain untuk mempermudah pencarian label juga dapat memberikan tampilan yang menarik diblogger kita karena yang kita bahas sekarang adalah cara membuat label berputar di blogger. 

Label ini akan tampak seperti bergulung namun dapat berputar sesuai dengan kategori apa yang akan kita pilih nantinnya. Apabila teman-teman ingin mencobannya, silahkan teman-teman mengikuti beberapa langkah yang tertera dibawah dan untuk demonya teman-teman bisa melihat gambar dibawah ini.
 
Berikuut langkah - langkahnya  :
1. Login dulu ke akun blogger anda.
2. Klik Teamlate >> Edit Html >> Centang Expand Templates  Widget,
3. Cari Koce<b:section class='sidebar' id='sidebar' preferred='yes'> 

4. Gunakan Ctrl+F untuk mempermudah pencarian
5. Copy kode dibawah ini dan taruh tepat dibawah kode diatas 

<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>
6. Simpan Teamlate.

Keterangan:
a. Warna Merah : Ganti untuk merubah ukuran tag cloud
b. Warna Kuning : Ganti untuk merubah warna background tag cloud
c. Warna Biru : Ganti untuk merubah ukuran font
d. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
tanda tangan

Ditulis Oleh : Coretan BoWo ~ Berbagi ilmu

Christian angkouw Terimakasih telah membaca artikel tentang : Membuat Label Blog Lebih Menarik . Semoga dapat memberikan hal yang positif bagi anda.

:: Coretan BoWo ::

1 komentar:

Note :
~ Berikanlah komentar dengan kata-kata yang baik dan sopan.
~ Dilarang mencantumkan link yang berbau negatif.