Home » , , , » Cara Membuat Label Berputar di Blog

Cara Membuat Label Berputar di Blog

Label-Cloud-Berputar

Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Nah. Kali ini kita akan membuat Label Cloud berbentuk bola dunia yang berputar-putar mengikuti arah kursor . Penasaran ? Langsung saja kita ikuti langkah - langkahnya

1.      Login ke Blogger Anda
2.      Klik Tata Letak
3.      Klik tab Edit HTML
4.      Kemudian cari kode seperti ini : 

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

5.      Copy kode berikut ini dibawah kode diatas :

<b:widget id='Label99' locked='false' title='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://vikrymadz.blogspot.com/'>vikrymadz</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
Tulisan berwarna merah adalah lebar kolom
Tulisan berwarna biru adalah tinggi kolom
Tulisan berwarna hijau adalah kode untuk backgroud bisa anda ganti dengan kode warna lain
                                                                                                                                     
6.      Simpan jika sudah selesai

Share this article :
Comments
2 Comments

2 comments:

 
Support : Contact | Privacy Policy | Disclaimer
Copyright © 2014. Umstrie Duatiga.com - All Rights Reserved
Template Created by Mas Kolis Published by Umstrie23.com
Proudly powered by Blogger>