Sunday, 11 December 2011

Cara Membuat Efek Label Berputar

Bagikan ini ke :

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:
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.

2 comments:

Catatan sebelum berkomentar:
1. Berkomentarlah sesuai dengan postingan yang dibaca.
2. Link hidup pada komentar otomatis akan terhapus!
3. Komentar SPAM dan SARA otomatis dihapus!!!
4. Dilarang ngiklan di kolom komentar!
Mohon untuk dipatuhi demi kenyaman kita bersama
TERIMA KASIH.