Cara Membuat Tag Cloud/Label Pada Blog

 Posted by Mochamad Robby Wijaya

Mungkin bagi para teman-teman waktu buka website ataupun Blog orang pernah melihat  Label yang Berputar  ketika pointer mouse diarahkan ke Label tersebut dan bagi para teman-teman juga ingin tau apa sih bahasa gaulnya,klu menurut ane sih bahasa gaulnya tuh ”Tag Cloud” hehehee ….^_^

dan bagi para blogger yang newbie atau pemula mungkin senang sekali menghias Blognya seindah mungkin dan terlihat menarik tentunya,biasanya Tag Cloud itu ditempatkan di Sidebar Blog.teman-teman juga bisa lihat contoh gambarnya dibawah ini : “Check this Out”

Untuk Memasang Tag Cloud lakukan langkah-langkah berikut ini :

1.       1. Login ke Blog sobat

Pilih Rancanganan --> Tata Letak --> Edit Html -->lalu “Centang Expand Template Widget”

2.       2. Cari kode Berikut :

Tekan Ctrl+F (untuk memudahkan mencari kode yang dituju sobat)

<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika menggunakan Template Blogger Designer  coba cari kode seperti dibawah ini :

<b:section-contents id='sidebar-right-1'>

3.      3. Setelah kode di atas,masukkan  kode berikut :

 <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", "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>

4.       Simpan Template Sobat

Jika Sukses maka Hasilnya akan terlihat seperti berikut : Tag Cloud Berputar

Catatan :
Jika di Blog tempat memasang Tag Cloud  dan tag daftar/text,biasanya Tag Cloudnya belum

Muncul,Jika Tag Cloudnya Belum Muncul  coba sobat setting  manual di widget Label sobat

Yang ada di sidebar Blog.,coba sobat Pilih Option Cloud

5.       Setelah itu selesai deh,..hehehehe 

Selamat Mencoba sobat dan sukses selalu