Wednesday, November 7, 2012

Bikin Label Blog Keren


Hai sobat blogger, berikut tips bagaimana cara membuat tag cloud berputar di blog, atau label berputar di blog kita.

Caranya cukup mudah namun ada beberapa catatan bahwasanya tidak semua template dapat mendukung untuk dikasih tag cloud.

Oleh karena itulah sebelum mencoba sebaiknya download dahulu template blog kita.


Langkah-langkah membuat cloud label sebagai berikut :

1. Login ke blogspot
2. Klik Design/Rancangan kemudian Edit HTML dan centang Expand Templates Widget
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Copy paste kode di bawah ini tepat berada di bawah kode tadi :

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>



 5. Preview terlebih dahulu sebelum kamu save. Setelah berhasil baru simpan.

CATATAN :
1. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
2. Kita dapat merubah ukuran, background tag cloud, serta ukuran huruf nya


Bagimana, rasanya tidak terlalu susah kan? selamat mencoba agar tampilan blog anda semakin keren.

Jika berkenan, mohon bantuannya untuk memberi vote Google + untuk halaman ini dengan cara mengklik tombol G+ di samping. Jika akun Google anda sedang login, hanya dengan sekali klik voting sudah selesai. Terima kasih atas bantuannya.
Judul: Bikin Label Blog Keren; Ditulis oleh Unknown; Rating Blog: 5 dari 5

No comments:

Post a Comment