Pages

Cara Membuat Label Cloud Blogumus


Mengganti penampilan label anda yang biasa dengan label cloud berupa animasi flash yang dapat berputar - putar dan mengarah ke kamu jika di tunjuk menggunakan pointer tidaklah sesulit yang anda kira. Jika ingin lebih tahu lagi, ikuti langkah - langkah di bawah..




1. Masuk ke Layout/Tata Letak
2. Klik Edit HTML
3. Beri centang pada Expand Widget Template
4. Cari kode di bawah ini

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


5. Copy pastekan kode di bawah ini tepat di bawah kode yang kita cari tadi

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

6.Ganti tulisan berwarna hijau dengan lebar, tinggi dan warna latar belakang yang anda inginkan
7. Ganti tulisan berwarna orange dengan ukuran tulisan yang anda mau
8. Dan ganti tulisan berwarna ungu dengan kecepatan gerak yang anda inginkan
9. Klik Save Template..

Happy blogging !

5 komentar:

Membuat Label Cloud Blogumus selain blog pa bisa bwt web/wordpress?

widihhhhh,,, mantab tutorial kakak ni dangg :D
btw pasang dong banner BOP nya .. :p

cara yang lebih mudah,

http://www.myhavies.co.cc/2011/05/cara-membuat-label-cloud-di-blogger.htmlat-label-cloud-di-blogger.html

buat admin terima kasih udah mampir d blogku.

Thanks Gan Atas Informasinya :)

Post a Comment