Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.
Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran ane saranin nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.
1. Login ke blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3 aja.)
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,
<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'><a href='http://bocah-mbelis.blogspot.com'>Blog</a></div>
<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'><a href='http://bocah-mbelis.blogspot.com'>Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save .
CATATAN
Untuk ukuran tag cloud, warna background tag cloud dan ukuran font Bisa kamu sesuaikan dengan lebar kolom widget kamu.
Demikian saja posting saya tentang Cara Membuat Tag Cloud Atau Label Berputar, dan sekarang saya mau istirahat dulu, soalnya masih capek usai bepergian ke tempat wisata menarik di ngawi
Baca Juga Yang Ini:
Blog
- Cara Mengetahui Berat Blog
- 6 Langkah Mempercepat Loading Blog
- Cara Membuat Reply Komentar Pada Blogspot
- Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
- Cara Membuat Related Posts Bergambar
- SCRIPT UPDATE POST TERBARU
- Cara Pasang Kotak Komentar Facebook Pada Blog
- Cara Membuat Warna Background Blog Berubah-ubah
- SCRIPT UPDATE TERAKHIR
- Cara Membuat Related Post Pada Blog
- 18 Dasar SEO Yang Perlu Di Ketahui
- Cara Memasang MP3 di Blog
- Sopa protes tidak akan merusak peringkat pencarian Google
- Bocah Mbelis
- Cara Kerja Adf.ly Mengumpulkan Dolar
- Cara Memperkuat Mutu Blog
- Membuat background Gambar Pada Posting Blog
- Cara Membuat Auto Refresh Pada Blog
- Cara Membuat Auto Refresh Blog
- Cara Membuat Background Posting Berbeda-beda Warna
- Membuat Translate Blog
- Menambahkan Meta Tag Dan Meta Keyword
- Cara Mudah Pasang Translate Di Blogger
- KOLEKSI WIDGET SHOUTBOX GRATIS UNTUK BLOG BLOGGER
Script
Tips
- Cara Mengetahui Berat Blog
- 6 Langkah Mempercepat Loading Blog
- Cara Membuat Reply Komentar Pada Blogspot
- Ide Cerdas Cara Membangun Backlink Site : Kidulratan.com
- Cara Hack Speed Modem
- Cara Membuat Related Posts Bergambar
- SCRIPT UPDATE POST TERBARU
- Cara Pasang Kotak Komentar Facebook Pada Blog
- Cara Membuat Warna Background Blog Berubah-ubah
- SCRIPT UPDATE TERAKHIR
- Tips Cara Mengembalikan Tampilan Facebook ke Versi Lama
- Cara Membuat Related Post Pada Blog
- Cara Menata Wayang
- Menjaga diri dari Ancaman saat Internet
- Membuat background Gambar Pada Posting Blog
- Cara Membuat Auto Refresh Pada Blog
- Cara Membuat Auto Refresh Blog
- Cara Membuat Background Posting Berbeda-beda Warna
- Membuat Translate Blog
- Menambahkan Meta Tag Dan Meta Keyword
- Cara Mudah Pasang Translate Di Blogger
- VIRUS KOMPUTER
- 185 DAFTAR BLOG GRATIS UNTUK PEMBUATAN BLOG DUMMY
- Cara Membuat Kotak Scroll Bar Pada Blog
1 komentar:
sangat bermanfaat
Posting Komentar