Rolling Cloud Tag -- it's how i called it :)
Labels:
Blogger Hack,
bLogSpot.com
Begitu liat n coba mengarahkan cursor mouse saya ke atasnya maka tag2 tersebut bergerak2 sesuai arah yang kita inginkan,saya langsung mikir..wah keren banget nh tag n langsung pengen di praktekin di blog sendiri (maklum klo blogger cupu gini nh..ngeliat yang aneh dikit aja langsung heboh hehe..).
Tapi berhubung yang punya web site itu orang bule jadi saya males nanyana, takut ga dibales..(padahal karena bingung nanyana dalam english gmna hohoho..xp). Akhirna sya gunain jasa Om Google aja buat nyari cara buat tags kaya begono..eh ternyata saya nemuin ada blog indonesia yang bahas tentang hal ini (say thanks to this bLog owner ). Dan sekarang saya bermaksud membahas tentang cara membuat tags seperti ini (dengan bahasa saya sendiri tentunya) di blogspot...
Okeh..begini langkah2 yang harus dilakukan..
Langkah 1. Masuk ke dashboard lalu klik Layout (anda akan dibawa ke halaman Page Elements) lalu klik Add a Gadget seperti gambar dibawah ini...
Klik tanda [ + ] di sebelah gadget LABELS untuk menambahkan gadget tersebut ke blog anda.
Nb. Hal ini hanya perlu dilakukan bila blog anda belum memiliki gadget tersebut. Bila blog anda sudah terdapat gadget LABELS tersebut anda tidak perlu menambahkannya lagi.
Langkah 2. Klik "Edit HTML" untuk melanjutkan...
Lalu akan muncul halaman ini...
Warning!
Sebelum melakukan perubahan pada HTML blog anda, sebaiknya simpan dulu backup HTML blog anda dengan cara klik "DOWNLOAD FULL TEMPLATE" dan simpan file tersebut dengan memberi nama yang jelas agar kelak tidak bingung saat akan me-restore HTML blog anda.Hal ini perlu dilakukan agar bila terjadi kesalahan dalam pengeditan HTML anda atau hasil editan anda tidak sesuai dengan yang diharapkan, maka anda dapat mengembalikan (dengan cara upload) HTML blog anda seperti semula.
Langkah 3. Ok, sekarang klik " ctrl + f " pada keyboard komputer anda untuk memunculkan "Find" seperti yang terlihat pada no.1 di gambar atas. Setelah itu ketikkan kode di bawah ini :
widget id='Label1' locked='false' title='Categories' type='Label'
Lalu blok kode mulai dari "widget id" sampai "label" (seperti pada Gambar 2.) dan ganti kode tersebut dengan kode dibawah ini:
<b:widget id='Label100' locked='false' title='Sky tags' 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", "155", "202", "7", "#44494d");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
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://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", "155", "202", "7", "#44494d");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
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>
Setelah itu anda tinggal mengganti parameter - parameter dibawah ini agar sesuai dengan theme blok anda:
1. "155" --> lebar widget
2. "202" --> tinggi widget
3. "#44494d" --> warna background widget (kode ini menghasilkan warna abu2 seperti yang terdapat di blog ini), untuk melihat daftar warna klik disini.
4. so.addVariable("tcolor", "0xffffff") --> warna tulisan
0x0FF0FF0 >> pink
0xFFFFFF >> putih
0x00FF00 >> hijau
0xFFFFFFF >> hijau tua
0x0FFFF0 >> kuning
0x00FF0000 >> biru
0xFFF000 >> biru muda
0xFFFFFFF >> hitam
Klik 'preview' untuk melihat perubahan yang anda buat, setelah yakin klik "save" dan voillaaa...anda sudah memiliki Rolling Tag Cloud di bLog anda..^_^
:))
;))
;;)
:D
;)
:p
:((
:)
:(
:X
=((
:-o
:-/
:-*
:|
8-}
:)]
~x(
:-t
b-(
:-L
x(
=))
Subscribe to:
Post Comments (Atom)
Post a Comment