Hai kawan aku pengen posting nich tentang 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. Kalu 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.
Jika tidak ketemu kode diatas coba yang ini
Untuk Mencegah kesalahan pada template harap backup dulu
Lalu cari kode ini (bagi template Blogger lama)
<b:section class='sidebar' id='sidebar' preferred='yes'>
Lalu bagi TEMPLATE BLOGGER BARU cari kode ini :
<b:section-contents id='sidebar-right-1'>
Untuk memudahkan gunakan ctrl + F (pada keyboard mu.
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'>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", "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
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Biru : Ganti untuk merubah ukuran font
4. warna pink pada title bisa anda ganti
5. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
Bagimana, apakah ingin nyoba cara bikin label berputar biar blog kelihatan keren ...?
Selamat mencoba dan semoga bermanfaat
Tidak ada komentar:
Posting Komentar
Berkomentarlah dengan aturan sebagai berikut:
#$ Tidak Boleh memakai kata-kata Kotor dan Kasar.
#$ Dilarang SPAM, SARA dan Sejenisnya.
#$ Dilarang Mencaci-maki Artikel yang Admin buat.
#$ Jika ada Kendala, silahkan Hubungi Admin Lewat Facebook
Jika Melanggar Salah Satu Aturan di atas, dengan berat Hati Komentar Anda tidak akan di Publish dan Akan dihapus. ^__^