Cara Membuat Label Berputar di Blog Label-Cloud-Berputar

 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
Tulisanberwarna merah adalah lebar kolom
Tulisanberwarna biru adalah tinggi kolom
Tulisan berwarna hijau adalah kode untuk backgroud bisa anda ganti dengan kode warna lain
                                                                                                                                     
6.      Simpan jika sudah selesai

Tidak ada komentar:

Posting Komentar