Memasang Label Animasi Tag Cloud di Blogger
Hallo sahabat!! assalamu'alaikum, wah dah lama nie lom posting...!! Oke deh buat kalian yang baca artikel ini saya akan berikan trik nie walau sedikit jadul, tapi gak papa kan..?? hmm, ceritanya belum lama nih, seminggu lalu saya berkunjung ke blog tetangga dan melihat juga bentuk Label yg sangat aneh dan unik, juga bisa bergerak-gerak mau tau nie coba liat contoh gambarnya :

Gimana keren tidak? akan lebih keren jika kita memasang yang sebenarnya :D oke langsung aja yuk masuk ke langkah pembuatanya :
1. Seperti biasa. Login ke Blogger
2. Setelah itu klik Template --> Edit HTML
3. Klik Download Full Template untuk membackup template anda
4. Cari kode
5. Kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode yang diatas
Widget By : roytanck.com
Keterangan :
Angka 180 = Lebar Tag Cloud
Angka 180 = Tinggi Tag Cloud
Gantilah angkanya sesuai dengan ukuran sidebar template anda.
Angka ffffff = Warna Background Tag Cloud.
Angka 333333 = Warna Teks
Angka 12 = Ukuran Teks
Silahkan ganti angkanya sesuai keinginan anda.
6. Klik Save Template dan.....
MISSION COMPLTE...!!
Note:
Jika cara ini tidak bisa, coba gunakan tutorial Memasang Label Animasi Tag Cloud di Blogger yang kedua --> DISINI
Oke, Sekian dulu tutorial dari saya, semoga membantu dan bermanfaat bagi sahabat...Salam sahabat blogger !!
2. Setelah itu klik Template --> Edit HTML
3. Klik Download Full Template untuk membackup template anda
4. Cari kode
<b:section class='sidebar' id='sidebar' preferred='yes'>
5. Kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode yang diatas
<b:widget id='Label88' 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://h1.ripway.com/caraindra/tagcloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://caraindra.blogspot.com'>Caraindra</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "180", "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>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://h1.ripway.com/caraindra/tagcloud.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://caraindra.blogspot.com'>Caraindra</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "180", "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>
Widget By : roytanck.com
Keterangan :
Angka 180 = Lebar Tag Cloud
Angka 180 = Tinggi Tag Cloud
Gantilah angkanya sesuai dengan ukuran sidebar template anda.
Angka ffffff = Warna Background Tag Cloud.
Angka 333333 = Warna Teks
Angka 12 = Ukuran Teks
Silahkan ganti angkanya sesuai keinginan anda.
6. Klik Save Template dan.....
MISSION COMPLTE...!!
Note:
Jika cara ini tidak bisa, coba gunakan tutorial Memasang Label Animasi Tag Cloud di Blogger yang kedua --> DISINI
Oke, Sekian dulu tutorial dari saya, semoga membantu dan bermanfaat bagi sahabat...Salam sahabat blogger !!
Mantap nieh mr indra,, nanti tak coba deh. . . Gak ikutan kontes seo "TUKANG NGGAME" kah? http://4dyxtm.blogspot.com/search/label/TUKANG%20NGGAME (sekedar info) he. . . He. .He. .
ReplyDeletega bisa negh mas,,,gmn dun?
ReplyDelete@rieka hmm mungkin html code template kmu blm sama...tapi gak papa masih ada tutorial yang satunya tunggu aja...sabar...ok..
ReplyDelete@AnakIT trim atas komment nya dan atas infonya...
okidoki..
ReplyDeleterjin2 d update y mas...
Mas, aq minta dong script kode warna. . . Boleh kah?
ReplyDeletekoq gx bisa segh
ReplyDeleteyang ad cma bacaan kaya gini mas:
"Blogumulus by Roy Tanck and Herman Blog"
(tukeran link yawh)
hehehe
Coba baca di sini untuk yang membuat tag could salah http://caraindra.blogspot.com/2009/04/memasang-label-animasi-tag-could-di.html
ReplyDeletetrimas..
ReplyDelete