Saat sadar bahwa label/kategori di blog
ini sudah semakin banyak, dan memakan tempat. Sedangkan masih banyak
elemen2 lain yang masih ingin saya tambahkan, maka saya segera mencari
cara untuk menghemat space untuk kategori dan sekaligus tidak mengurangi
fungsi dan keindahan blog ini.
Pertama saya mempertimbangkan Drop Down Menu, tapi setelah saya pikir...koq rasanya kurang bagus diblog ini ya... trus sempat juga untuk mengubahnya dalam bentuk Scrolling Menu, tapi juga dari segi keindahan, saya masih kurang sreg, Menu Tree juga saya gak terlalu suka.
Lalu saya teringat menu Tag Cloud nya Wordpress atau Cumulus Tag,
wah sepertinya ini cocok banget. Lalu saya cari2 cara gimana supaya
bisa dipasang di Blogger ini. Setelah beberapa kali searching di Google, akhirnya ketemu juga tips yang gak ribet, tapi hasilnya OK punya...yach...bisa dilihat di blog saya ini ^_^. Tertarik dengan label postingan Blogspot yang dipasang berbentuk flash..???
Silahkan ikuti langkah2nya:
1. masuk ke layout dan klik ==> Edit HTML
2. Cari kode ini di Layout Edit HTML anda
<b:section class='sidebar' id='sidebar' preferred='yes'>
3. Klo sudah ketemu copy & paste kode berikut dibawahnya
<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "310", "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>
4. Untuk merubah tinggi dan lebarnya ganti kode angkanya
"310", "300", "7", "#ffffff"
Sebagai pertimbangan, setingan di blog saya ini adalah:
Lebar: 310px
Tinggi: 300px
Latar belakang: Putih
Ukuran fron : 12
Mungkin saya juga akan memasangnya di blog saya yang lain ^_^.
Selamat mencoba, dan kalo berhasil...jangan lupa tinggalkan comment ya ^_^
Sumber: http://gajrug.blogspot.com
30 Juli 2011 pukul 06.20
wah nice gan untuk tutorialny keren bu :)
visitback y
5 Agustus 2011 pukul 12.46
Dah di coba kok nggak bisa ya sob..!
27 Agustus 2011 pukul 22.38
Saya pernah mencobanya, dan sukses. Mnurut pengalaman saya kadang ada template yang tidak mendukung js flash ini :)