Home
Writed by
On
2:53 PM , 
Sunday, May 03, 2009
Dalam hal ini Tag Cloud yang akan kian beberkan adalah sebuah Label yang telah dimodifikasi dengan Alternatif pengkodean dari Javascript. Sama seperti format Tag Cloud yang pernah Kian buat tempo hari, kali ini Tag Cloud yang akan kian buat bernama "Tag Cloud Comulus".Kian nggak tahu pasti apakah karena hasil yang akan diciptakan seperti bentuk awan yang mendung atau cuma mau membuat kesan yang terkesan indah dan tidak seperti biasanya.
Ya walaupun begitu it's ok lah yang penting kian dan kamu sekalian bisa membuat dan menerapkannya kedalam blog kamu. Sebagai ucapan terimakasih postingan kali ini kian ucapkan kepada amanda atas info-infonya.
Kita langsung muali aja yach...
Masukkan kedalam menu "Layouts" blog kamu, pilih "Page Element" kemudian tambahkan sebuah gadget "Label" kedalam blog kamu.
Isikan apa saja kategori yang berhubungan dengan postingan yang kamu buat, selanjutnya tinggal disimpan.
Buka "Edit HTML" kemudian cari kode berikut :
untuk mengubah ukurannya kamu tinggal cari kode yang berwarna merah berikut:
Masukkan kedalam menu "Layouts" blog kamu, pilih "Page Element" kemudian tambahkan sebuah gadget "Label" kedalam blog kamu.
Isikan apa saja kategori yang berhubungan dengan postingan yang kamu buat, selanjutnya tinggal disimpan.
Buka "Edit HTML" kemudian cari kode berikut :
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>Kalau sudah ketemu, ganti kode tersebut dengan kode berikut :
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div style='width:100%; height:149px; overflow:auto;'>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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>
untuk mengubah ukurannya kamu tinggal cari kode yang berwarna merah berikut:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");untuk merubah ukuran hurufnya cari kode yang berwarna merah berikut :
<a expr:href='data:label.url' style='12'><data:label.name/></a>Jika semua perubahan sudah kamu lakukan maka tinggal kamu simpan dan lihat hasilnya..
Related Post :
pertamaxxxx........... ...Replay