Kamis, 07 Juni 2012

Cara memasang widget label tag Clould (animasi berputar)

Pada kesempatan kali ini saya akan posting tentang bagaimana cara membuat label tag clould
Setelah cari-cari di Google akhirnya ketemu juga lalu langsung saya share aja dech..
enggaak usah lama-lama pembukaanya ini dia caranya:

1.Pertama masuk dulu ke akun blogger masing-masing
2.klik Rancangan lalu klik Edit HTML
3.Centang Expand Widget Template atau backup templatenya
4.Cari kode seperti di bawah ini untuk mempermudah pencarian tekan CTRL+F
<b:section class='sidebar' id='sidebar' preferred='yes'>
5. lalu copy kode di bawah ini letak kan di bawahnya kode diatas

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "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.Setelah selesai klik simpan dan lihat hasilnya

Keterangan :
ganti tulisan yang berwarna merah dengan keinginan anda
1.Lebar widget : 250px
2. Tinggi widget : 300px
3. Warna latar (background) : #ffffff (putih)
4. Warna huruf : 0x333333 (abu-abu)
5. Ukuran huruf : 12

Posting Lebih Baru Posting Lama Beranda

0 komentar:

Posting Komentar

Terima kasih anda telah membaca artikel Ini. Tak lengkap rasanya jika kunjungan anda di Blog ini tanpa meninggalkan komentar. Untuk itu silahkan berikan tanggapan anda pada kotak komentar di bawah. Semoga artikel ini bermanfaat untuk anda.