
hari ini
Tyoblogz akan menyajikan informasi tentang
Cara Membuat Label Cloud Berputar. bicara tentang alat yang satu ini memang mempunyai peranan penting bagi para blogger untuk mengelompokan artikel berdasarkan label/kategori
yang sama dan pastinya mempermudah pengunjung blog untuk melihat artikel lainnya berdasarkan label/kategori
kita kembali ke topik, label cloud adalah solusi bagi
sobat yang ingin berinovasi untuk memrubah tampilan label agar menarik untuk dilihat oleh penggunjung blog
Nah jika sobat tertarik dengan gambar di atas (
membuat label cloud) silakan ikuti langkah-langkah berikut :
- Login ke Dasboard blog / blogspot
- Pilih Template >> edit HTML (jangan lupa centang Expand Widget Template)
- Setelah itu sobat cari kode di bawah ini
<b:section class="sidebar" id="sidebar" preferred="yes">
"tidak semua template blog seperti ini jadi harap sesuaikan saja ea"
- Lalu sobat copy kode ini dan pastekan tepat di bawah kode tadi
<b:widget id='Label99' locked='false' title='Tag Cloud Label Tyo' 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", "280", "7", "#00CC00");
// 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>
- Pratinjau terlebih dahulu, jika widget sudah sesuai dengan apa yang diharapkan Save template
- Selesai deh
sebagai catatan :
-untuk mengganti judul widget silakan ubah kode berwarna merah
-untuk mengganti tinggi dan lebar silakan ubah kode berwarna kuning
-untuk menganti background widget silakan ubah kode berwarna hijau
-untuk mengatur besar kecilnya huruf silakan ubah kode berwarna biru
Semoga artikel Cara Membuat Label Cloud Berputar ini bermanfaat bagi blogger yang membutuhkan...
"jangan lupa berkomentarlah"