Cara Membuat Label Animasi atau Tag Cloud pada Blogger

Ehmmmm, sedang tidak ada inspirasi untuk berbasa basi jadi langsung saja pada permasalahan oke. oh iya, tentunya contoh dulu

Okelah kalo begitu, step by step >

1. Seperti biasa. Login ke Blogger
2. Setelah itu klik Layout -> Edit HTML
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode yang diatas
<b:widget id='Label88' 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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://abi-galoga.blogspot.com/'>Dimas Abi Galoga</a> and <a href='http://hermanblogtips.blogspot.com'>Herman Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;180&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Save Templates. bagaimana?MANTAB!!!!

oh iya, keterangan :

180 menunjukkan lebarnya
180 menunjukkan tingginya
fffff menunjukkan warna background dari tag clound.
333333 menunjukkan warna teks
12 menunjukkan ukuran teks


dan terakhir jangan lupa comment

14 komentar:

Michael, 26 February 2010 at 01:58 | [Reply]

Postingannya keren.....sudah saya coba tapi koq tag cloudnya ga muncul di blog saya. padahal sudah muncul di widget. bisa tolong di jelasin? soalnya saya yg newbie ini ga ngerti..

Gecok Community, 19 July 2010 at 07:43 | [Reply]

gak bisa gan ,

Candra Purnama, 15 November 2010 at 18:28 | [Reply]

gak bisa gan

Dimas Abi Galoga, 16 November 2010 at 04:13 | [Reply]

saya juga tidak tau. seperti pemilik dari script ini sudah menghapus filenya. maaf

Dimas Abi Galoga, 17 November 2010 at 03:49 | [Reply]

@all kode sudah di perbaiki, sekarang mudah2an sudah bisa. selamat mencoba

Kukuh Cakra Darma, 17 November 2010 at 04:17 | [Reply]

nih gan, 100% bisa! Kukuh Cakra Darma | Cara Membuat Label Cloud Animasi

Dimas Abi Galoga, 17 November 2010 at 04:35 | [Reply]

@Kukuh Cakra Darma sama aja, nice info gan makasih sharenya

Er'end, 4 December 2010 at 23:40 | [Reply]

Makasih tuk triknya.Tapi kenapa di blog saya ga bisa dirobah warna teksnya?

xspeed, 28 December 2010 at 03:44 | [Reply]

oioioi sip sip

Leon Loverz, 27 April 2011 at 07:21 | [Reply]

mantap bro ijin copas yah^^

ilyan, 1 December 2011 at 09:32 | [Reply]

mantab sob.....
thanks...

Muhammad dion setyoaji, 27 January 2012 at 20:24 | [Reply]

mantab cisss!!!!!

Ayudyahshop, 14 February 2012 at 10:44 | [Reply]

visit my blog ya gan... :) baru buat sekalian promosi... :) http://ayudyahcosme.blogspot.com/ thanks..... sukses gan.. :)

Rizky Aditya, 15 February 2012 at 19:48 | [Reply]

.lyoutnya dimana...?

Post a Comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home