Cara Membuat Efek Label Berputar

Selamat siang para sobat iputu dirga blog, kembali lagi di blog saya yang sederhana ini yang mungkin tidak enak dipandang (wkwkwk….). hari ini saya mau share tutorial blog yang mungkin anda sudah pernah dengartutorial ini namun, tutorial ini khusus buat yang baru belajar bkin blog.baiklah tanpa berpanjang & berlebar lagi (wkwkwk…) ini dia silakan diikuti langkah langkah berikut ini secara seksama..:

 #Langkah Pertama
 #Login ke Blogger dengan ID sobat.
 #Klik Tata Letak
 #Klik tab Edit HTML
“Penting” sebelum anda mengedit tempplate anda sebaiknya di download dulu templatenya, siapa tahu nanti terjadi sesuatu yang tidak diinginkan dengan isi template anda””
Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

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

kemudian Copy kode berikut ini SETELAH 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://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>

Tambahan:

1.Angka "240" adalah untuk lebar kolom
2.Angka "300" adalah untuk tinggi kolom
3.Sedangkan #ffffff adalah kode untuk backgroud (untuk kode warna yang lain silakan anda cari di google aja..)
4.Merubah warna font, untuk kode warna bisa sobat lihat disini
so.addVariable("tcolor", "0x333333");

5.Merubah ukuran font
so.addVariable("tagcloud", "12'>");

Gimana gampangkan?? Untuk Contohnya silakan lihat DISINI.
Jika anda menemui kendala dalam cara membuat efek label berputar, bisa anda berkomentar di bawah ini. Semoga bermanfaat, jangan lupa baca juga artikel yang lainnya mungkin menarik buat anda baca. Salam bloggers mania dari iputu dirga blog dan Terima Kasih.

Artikel Lainnya:

Cara Mengetahui Siapa Yang Jiplak Artikel Kita

Text Berjalan di Bar menu Blogspot

Cara Buat Blogspot

KeyWords:

Tutorial, trik, tips dan trik, tutorial blogspot, tutorial blog, cara bikin label cloud, cara buat label berputar, cara bikin efek  label cloud di blog, cara membuat efek label cloud gampang, tutorial efek label cloud.