Setelah browsing Mbah Google akhirnya saya tahu kalau itu namanya tag cloud. Hehe. Setelah dapat tutorialnya, tanpa pikir panjang langsung saja saya praktekkan.
Cara membuatnya cukup mudah, tinggal ikuti cara dibawah ini :
1. Sign in ke blogspot
2. Klik tata letak
3. Klik tambah gadget lalu klik label
4. Simpan dulu label tersebut
5. Klik edit HTML
6. Beri centang pada kotak expand template widget
7. Cari kode di bawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>
Untuk memudahkan, tekan ctrl+f pada keyboard lalu copy kode dibawah kemudian paste di kotak dialog.
8. Setelah ketemu, letakkan kode dibawah ini dibawah kode diatas tadi.
<b:widget id='Label1' 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", "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>
9. Klik preview, jika sudah berhasil baru disimpan. Jika belum berhasil maka teliti lagi langkah-langkah yang kamu lakukan diatas.
10. Selamat mencoba, semoga bermanfaat :)
nb :
- Jika ingin merubah ukuran tag cloud maka cari kode dibawah ini lalu ganti ukurannya dengan mengganti angka 240 dan 300 sesuai keinginan kamu.
<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", "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>
9. Klik preview, jika sudah berhasil baru disimpan. Jika belum berhasil maka teliti lagi langkah-langkah yang kamu lakukan diatas.
10. Selamat mencoba, semoga bermanfaat :)
nb :
- Jika ingin merubah ukuran tag cloud maka cari kode dibawah ini lalu ganti ukurannya dengan mengganti angka 240 dan 300 sesuai keinginan kamu.
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
- Jika ingin merubah kecepatan tag maka ganti angka 100 pada kode dibawah ini sesuai keinginan kamu. Semakin besar angkanya maka semakin cepat.
so.addVariable("tspeed", "100");
- Jika ingin merubah kecepatan tag maka ganti angka 100 pada kode dibawah ini sesuai keinginan kamu. Semakin besar angkanya maka semakin cepat.
so.addVariable("tspeed", "100");
sangar.....tambah siipp ae pokoke.....
BalasHapusalhamdulillah...segera dipraktekkan jeh, biar tambah ciamik blogmu:) selamat mencoba!
BalasHapusLapor boz....stelah ikuti langkah di atas kok muncul tulisan kayak gini ya...:
BalasHapusTolong solusinya donk...
Template anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML : The element type "b:section" must be terminated by the matching end-tag "".
Thx
Awalnya saya dulu juga begitu, error terus.
BalasHapusTapi setelah saya cek dan cek lagi akhirnya muncul juga tag cumulusnya:)
pastikan checkbox Expand Template Widget sudah dicentang baru copy-kan kode di atas. Jangan langsung di simpan, tapi pratinjau saja dulu.
dicoba lagi saja, barusan saya praktekkan lagi bisa soalnya:)
wuduh...belum bisa juga....gmana donk....
BalasHapuskalau masih menemui kesulitan mungkin ada sedikit kesalahan teknis yang harus dibetulkan jadi minta tolong teman yang bisa langsung ngajarin praktek saja bung wien:)
BalasHapussoalnya apa yang saya lakukan hingga alhamdulillah berhasil sudah saya tuliskan semua, maaf hanya bisa membantu sedikit:D