Bismillah Hirohman Nirrohim,,,Pada kesempatan kali ini saya akan sedikit share tentang cara membuat Tag Comulus. Mungkin para sobat blogger sudah tidak asing lagi mendengarnya, ada juga yang belum memahaminya,"oleh karena itu saya akan menjelaskan sedikit pengertian tentang Tag Comulus".
Apa itu Tag Comulus ?
Tag Comulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag. apabila kursor kita dekatkan, maka tag tersebut akan bergerak dan berputar seperti awan.
Untuk membuatnya cukup mudah, Berikut akan saya berikan caranya :
<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", "200", "200", "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", "130");
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>
Warna : Untuk ukuran lebar dari Tag Cloud tersebut
Warna : Untuk ukuran Tinggi dari Tag Cloud
Warna : menunjukan background Tag Cloud
Warna : menunjukan warna text dari Tag Cloud
Warna : adalah kecepatan rotasi dari Tag Clood, makin besar nilainya maka makin besar juga kecepatan rotasi Tag cloud tersebut. hi hi hi jadi inget mainin Globe nih...
Apa itu Tag Comulus ?
Tag Comulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag. apabila kursor kita dekatkan, maka tag tersebut akan bergerak dan berputar seperti awan.
- Login ke blogger dengan ID anda
- Klik Layout
- Edit HTML
- Download Full Template
- Beri tanda centang pada kotak Expand template widget
- Cari kode seperti berikut :
Supaya gampang mencarinya tekan Ctrl+F, biasanya kode setiap template itu berbeda-beda maka carilah kode yang mirip persis seperti kode diatas.
- Jika sudah ketemu , copy kode berikut ini dan pastekan tepat di bawah kode diatas :
<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", "200", "200", "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", "130");
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>
Warna : Untuk ukuran lebar dari Tag Cloud tersebut
Warna : Untuk ukuran Tinggi dari Tag Cloud
Warna : menunjukan background Tag Cloud
Warna : menunjukan warna text dari Tag Cloud
- Klik Save dan lihat hasilnya Bro...
- Pindahkan letaknya sesuai keinginan anda !
Jika menurut sobat artikel ini bermanfaat, silahkan vote ke Lintas Berita agar artikel ini bisa di baca oleh orang lain.
Related Post
Share To Your Friends
![[Valid RSS]](valid-rss-rogers.png "Validate my RSS feed")
0 comments:
Post a Comment
Please Leave Your Comment Not Spam !!!