navbar menu

4 Maret 2012

Cara Pasang Tag Cloud Otomatis

Bongkar pasang kali ini tentang cara pasang tag cloud Otomatis siapa tau ada yang mau pasang juga bukan mau menggurui cuma ingin berbagi, Mungkin ada diantara teman yang masih pemula seperti saya yang senang ber-exsperimen menghias blog dengan menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut. Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag cloud tersebut di sidebar.

Untuk membuat tag cloud  otomatis
Contohnya bisa dilihat di sidebar blog ini

Untuk membuat  tag cloud ke sidebar blog anda, ikuti langkah-langkah dibawah ini ;

Login ke dashboard
Pilih Rancangan ---> Edit Html
Cari kode berikut:

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

Jika menggunakan  blogger designer template baru  cari kode seperti di bawah ini :

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

Setelah ketemu kode diatas masukkan kode berikut tepat 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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Tag Cloud Otomatis  by <a href='http://www.parodikita.blogspot.com/'>parodi kita</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>

Simpan template
dan lihat hasil nya;



Related Posts Plugin for WordPress, Blogger...