Diberdayakan oleh Blogger.

Cara Buat Tag Cloud Label (BLOGUMULUS)

Pernah melihat Tag Cloud yang ada pada Wordpress, Tag Cloud yang berputar-putar ketika mouse Anda didekatkan ke label (tag) tersebut juga terdapat pada Blogger, mau mencoba ikuti langkah-langkahnya berikut :

1.Masuk ke LAYOUT --> EDIT HTML (beri tanda centang kotak kecil expand text widget)

2.Kamu cari kode di bawah ini:

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

klik CTRL+F,akan muncul kotak,paste kode di atas untuk mencari di editor blog

3. copy paste kode di bawah ini setelah kode di atas:

<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", "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 dan coba lihat hasilnya.

Jika ingin merubah ukuran tinggi dan lebar nya, tinggal rubah kode lebar yang '240' dan tinggi yang '300' sesuai dengan keinginan.

Jika ingin merubah merubah warna nya,kamu rubah kode warna nya yang di tulisan "#ffffff"

Semoga Bermanfaat :p

Description: Cara Buat Tag Cloud Label (BLOGUMULUS), Rating: 4.5, Reviewer: Peter Channel, ItemReviewed: Cara Buat Tag Cloud Label (BLOGUMULUS)

0 komentar:

Posting Komentar