Friday, 1 January 2010

Cara Membuat Tag Cloud Cumulus ( Label Berputar)

Tag Cloud Cumulus ( Label Berputar) berfungsi untuk mempercantik tampilan blog anda. dengan Tag Cloud Cumulus ( Label Berputar)blog yang biasa-biasa saja akan tampak lebih bagus. Tag Cumulus ini merupakan sebuah fitur/widget berkaitan dengan Label dan Categories. Berikut langkah-langkah pembuatan Tag Cloud Cumulus ( Label Berputar)

Langkah Pertama :
1. Silahkan Log In Ke Blog anda
2. Pilih Tab Layout
3. klik Edit HTML
4. Klik Expand Widget Template
5. Sebelumnya backup terlebih dahulu template anda
6. Cari code ==> < / head >
Apabila sudah ketemu copy paste kode dibawah ini tepat dibawah kode di atas

<style>
#xsnazzy{margin:0 0 10px 0; background:transparent}
.xtop, .xbottom{display:block; font-size:1px; background:transparent}
.xb2, .xb3, .xb4{display:block; overflow:hidden; background: #FFFFFF ; border-left:1px solid #0066FF ; border-right:1px solid #0066FF }
.xb1, .xb2, .xb3{height:1px}
.xb1{background: #0066FF ; display:block; overflow:hidden; margin:0 5px}
.xb2{border-width:0 2px; margin:0 3px}
.xb3{margin:0 2px}
.xb4{height:2px; margin:0 1px}
.xboxcontent{display:block; padding:5px; background: #FFFFFF ; border:0 solid #0066FF ; border-width:0 1px}
</style>


7. Kemudian Save

Langkah Kedua

1. Menaruh script HTML pada Gadget
a. Plih tambah Gadget
b. Pilih html/javaScript
2. Copy paste scrip dibah ini

<b:section id='sidebar9' preferred='yes' showaddelement='no'>
<b:widget id='Label9' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<div id='xsnazzy'>
<b class='xtop'><b class='xb1'/><b class='xb2'/><b class='xb3'/><b class='xb4'/></b><div class='xboxcontent'&gt;
<b:if cond='data:title'>
<h2 style='font-family:arial'> Article Categories </h2>
</b:if>
<div class='widget-content'><center>
<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>Distributed by <a href='http://analisis-fiqih.blogspot.com'>Cahaya Biru</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", " 330 ", " 200 ", "9", " #FFFFFF ");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x 333333 ");
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'/>
</center></div>
</div><!--xboxcontent-->
<b class='xbottom'><b class='xb4'/><b class='xb3'/><b class='xb2'/><b class='xb1'/></b>
</div><!--end of xsnazzy-->
</b:includable>
</b:widget>
</b:section>


3. Kemudian save
4. Langkah terakhir, bacalah alhamdulillah
Selamat mencoba


4 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More