Gratis berlangganan artikel Zykry via mail, join sekarang!

Monday, March 15, 2010

Cara membuat label animasi atau tag cloud

label animasiKetika saya melakukan blogwalking, saya menemukan banyak teman-teman blogger yang memasang label animasi atau sering disebut dengan tag cloud. Label animasi ini mempunyai tampilan yang sangat menarik karena ketika mouse kita mengarah ke area tag cloud maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif.

Label animasi ini mempunyai fungsi yang sama dengan label standar dari blogger. Jadi ketika anda menambahkan label pada postingan maka label tersebut akan secara otomatis muncul pada tag cloud.

Nah bagi anda yang tertarik dengan label animasi ini. Berikut cara pemasangannya:

1. Seperti biasa. Login ke Blogger

2. Klik Download Full Template untuk membackup template anda

3. Setelah itu klik Layout -> Edit HTML

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='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://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://hermanblogtips.blogspot.com'>Herman Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>
Angka 180 menunjukkan lebarnya dan angka 180 menunjukkan tingginya. Silahkan diganti nilainya sesuai dengan ukuran sidebar template anda.

Sedangkan kode ffffff menunjukkan warna background dari tag clound. Angka 333333 menunjukkan warna teks dan angka 12 menunjukkan ukuran teks. Silahkan diganti sesuai keinginan.

6. Jika sudah, Klik Save Template. Selesai

Semoga berkenan..


Related Post:

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di zykry-trick.blogspot.com
Thx to :
Jangan lupa add facebook Zykry Dark
print this page Print this page
Cara membuat label animasi atau tag cloudSocialTwist Tell-a-Friend

Comments :

11 comments to “Cara membuat label animasi atau tag cloud”

muhammad ari sawali said...
on 

kok gx ada di cari nya pakai ctrl+f

sewa mobil surabaya said...
on 

uhm.. :( bngung.. hsilx kyak ap 2h?

iklan baris gratis said...
on 

thx gan udah mw share.. :D ttep aj bngung..

Agen 338a said...
on 

Masih bingung gan,.. :)

Agen Ibcbet said...
on 

Scriptnya panjang amat ya gan,,

agen sbobet said...
on 

Siip brow, sudah ane coba nich

jepara said...
on 

iya ni sob sya kok masih g bisa ya,.

cara mengobati kanker serviks said...
on 

caranya simpel dan mudah untuk di ikuti

cara mengobati kanker ovarium said...
on 

caranya langsung coba saja makasih

AGEN BOLA TERBESAR said...
on 

Terimakasih Atas Infonya Gan.. Sangat Membantu Dan Di Tunggu Artikel Berikutnya Yah ^_^
AGEN PIALA DUNIA
BANDAR BOLA
JUDI ONLINE
BACCARAT ONLINE
PARLAY 2 TIM

dominoqq said...
on 

Selamat datang di intanqq

Ayo bergabung bersama kami, tersedia 7 permainan dalam 1 ID:
- Sakong (New Game)
- Bandar Poker (New Game)
- BandarQ (Hot Game)
- Poker
- Domino
- Capsa Online
- AduQ

Apa kelebihan bermain di intanqq? Berikut kelebihannya:
- BONUS TURNOVER 0.3% SETIAP HARI
- BONUS XTRA TURNOVER SETIAP MINGGUNYA
- BONUS REFERAL 10% +10% SEUMUR HIDUP!!
- MIN DEPO IDR 15.000 dan Proses super cepat 1 menit.
- Bisa dimainkan di Smartphone Versi Android dan Iphone.
- Win rate 98%
- No robot
- Fair play 100% player vs player

Tunggu apalagi? Ayo segera bergabung sebelum ketinggalan promonya :)

bandarq
dominoqq
domino99 online terpercaya
Domino Qiu Qiu
dominoqq


Apa pendapat anda?

No spam and no porn yaw!!

Widget By Devils Workshop

Guest Book

Iklan

Pasang iklan anda di Zykry-trick hanya Rp.15.000 /bulan Hubungi : 087 823 177 355 - 085 759 277 896 Facebook : Zykry@programmer.net
 
twitter

Tukeran Link

Tips Dan Trick Blogging

U follow I follow

Statistik


free counters
broadband speed test
Current Events & News Blogs - Blog Rankings Blog Directory
Internet Blogs Web Design & CSS (Graphics) - TOP.ORG
Blogging Blogs - Blog Catalog Blog Directory Online Marketing - OnToplist.com
Web design blogs
The Republic of Indonesian Blogger | Garuda di Dadaku
Top 10 Award