Cara Membuat Tag Cloud, Label Berputar Di Blog

Bagaimana cara membuat tag cloud berputar di blog, atau label berputar, tapi baru bisa saat ini. Memang sulit tapi aku gak nyerah untuk belajar membuat label berputar pada blog. Nah berikut ini adalah hasil dari apa yang aku pelajari , yaitu membuat tag cloud bisa berputar..kamu bisa lihat hasil cara membuat label berputar pada blog punyaku ini (sebelah kiri atas). Kalau dah bisa sebenarnya mudah untuk bikin label berputar.

CATATAN : Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu.

Okey...mari belajar bersama blog "CARAPADA", langkah-langkahnya :
Lihat Demo Blogspot yang sudah ada tag cloudnya di Buat Radio


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='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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "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>



Keterangan: 
Kode berwarna Biru adalah lebar widget, bisa sobat sesuaikan sediri.
Kode berwarna Merah adalah tinggi widget, bisa sobat sesuaikan sendiri.
Cara ini tidak berlaku untuk semua template

Related Post:

Tutorial Blogger

• Membuat Musik Pada Blog dan Website dengan esnips
• Membuat Button Like Fanspage dan Twitter Melayang di Blog
• Cara Membuat Share and Like Facebook dan Twitter Melayang di Sisi Kanan Blog
• Membuat Widgate Footer di Blog
• "Cara membuat Iklan PopUp Window pada Blog"
• Memasang Button Like Fanspage Facebook di Blogger
• Cara Membuat Like Button Melayang di kiri Blog
• Cara Memasang Tool HTML Parser di Blogger
• Memasang Iklan, atau Memasang Banner Widget yang teratur
• Cara Cepat Menambah Links in Page Rank
• Membuat Translate Blog dalam Beberapa Bahasa
• Cara Menghilangkan Tanda Obeng Dan Tang (Quick Edit)
• Cara Pasang Shoutbox
• Hanya Menampilkan Judul Postingan di Halaman Depan Blog
• Membuat Recent Post
• T=V1+V2 ,Cara Meningkatkan Traffic Dan Popularity Dengan Cepat Dan Alami
• Pasang Facebook Profile Di Blog
• Script Memberikan Judul Artikel Ketika Di Copy Paste
• Banyak Followers Dengan GFC Recommendation Button
• MEMBUAT KALIMAT KELAP-KELIP
• MEMBUAT KOTAK KOMENTAR DI BAWAH POSTINGAN

Widget by [ girayraspati ]

Posted in: Tutorial Blogger