Sunday, May 17, 2009

Cara Pembuatan Tag Cloud Label

Hallo rekan-rekan Blogger, dalam Panduan Belajar Blog kali ini, Saya mempunyai informasi mengenai Tag Cloud Label, dimana Label yang anda buat saat postingan akan muncul dengan animasi melayang.
Saya sudah coba caranya dan ingin membagikan buat anda yang belum pernah tahu dan ingin menambahkan di blognya.
Ingin tahu cara pembuatannya ? Saya mendapatkan cara ini dari seorang blogger profesional yaitu amanda, anda bisa klik dan melihatnya langsung dalam bahasa inggris tapinya.
Untuk anda yang ingin tutorialnya dalam bahasa indonesia, bisa mengikuti cara-cara di bawah ini:
  • Masuk ke LAYOUT-->EDIT HTML (beri tanda centang kotak kecil di expand text widget)
  • Anda cari kode seperti di bawah ini:
<b:section class='sidebar' id='sidebar' preferred='yes'>
  • 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>
  • Lalu Save, dan lihat hasilnya.
    Jika anda ingin merubah ukuran tinggi dan lebar nya, tinggal rubah kode lebar yang '240' dan tinggi yang '300' sesuai dengan keinginan kamu.
    Untuk merubah warna nya, rubah kode warna nya yang di tulisan "#ffffff"
Cukup menarik bukan artikelnya ?
Nah sekaranglah waktunya anda mencoba, dan bila ada kesulitan bisa bertanya lewat kolom komentar.
Semoga Informasi ini berguna bagi anda sekalian.
Terimakasih

5 comments:

  1. makasih ya, tolong ajari saya buat blog bagus ya...blog anda bagus banget

    ReplyDelete
  2. boss masih newbie nih, kalo buat nyari2 kado ky misalnya : b:section class='sidebar' id='sidebar' preferred='yes' gimana sih yg cepet? hehe abis kan banyak banget kode html nya huhuhu.

    ReplyDelete
  3. eh kok kado sih maksudnya kode hahahaha

    ReplyDelete
  4. sama tuh tag cloudnya, tapi bagusan punya ente deh.. hihihihihi.

    ReplyDelete
  5. kok ga bisa bos... Label99 tidak pada tmptnya gitu tulisannya..
    please bantu donk

    ReplyDelete