Membuat Tag Cloud Animasi (bb Cumulus) Blogger

Tag Cloud animasi atau Tag Cumulus pada error sekarang, aku liat di blog aku ama blog temen-temen yang pake cumulus, Tag Cloudnya ilang, itu karena Script yang di Amazon pengaturannya diubah, sehingga yang udah pake cumulus pada rusak semua (alias gag muncul). Nah, ne cara bikin bb cumulus yang baru, scriptnya sama, cuman ne Linkernya musti kalian buat sendiri (File SWFnya ama javascriptnya kalian upload di Web Hosting yg support direct link,). Bingung maksudnya?
Yawda, ne cara bikinnya, ikutin aja intruksi dari ane, ntar pasi jadi (blom tentu sih,, hehehehehe). Jadi ne linkernya pake punya gw aja ea,, biar gag repot,, Langsung aja. Lets Work!!!

1. Buka Blogger kamu, masuk ke Tata Letak, trus Edit HTML.
2. BackUp template kamu untuk berjaga-jaga kalo ntar ada yang salah, caranya klik Download Template Lengkap.
3. Centang Expand Template Widget.
4. Trus cari kode
<b:section class='sidebar' id='sidebar' preferred='yes'>
, biar gampang pake CTRL+F.
5. Copy code dibawah ini, pastekan dibawah kode tadi
<b:widget id='Label50' locked='false' title='Orichalcos Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript' src='http://dscript.googlecode.com/files/DADtagcloudcumulus.txt'></script>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://www.fileden.com/files/2009/11/17/2654961//DADorichalcos.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&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;0xFFFFFF&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0xFF7700&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&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'/>
<script type='text/javascript'>document.write(unescape('%3C%63%65%6E%74%65%72%3E%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%44%61%72%6B%41%72%64%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%30%2F%30%34%2F%6D%65%6D%62%75%61%74%2D%74%61%67%2D%63%6C%6F%75%64%2D%61%6E%69%6D%61%73%69%2D%62%62%2D%63%75%6D%75%6C%75%73%2E%68%74%6D%6C%27%3E%4D%61%75%20%54%61%67%20%43%6C%6F%75%64%20%73%65%70%65%72%74%69%20%69%6E%69%3F%3C%2F%61%3E%3C%2F%63%65%6E%74%65%72%3E'));</script>
</div>
</b:includable>
</b:widget>

Nah trus liat pada bagian yang berwarna Biru, bisa kalian edit sendiri,
Keterangannya:
240             = Lebar Widget dalam pixel
300            = Tinggi Widget dalam pixel
#ffffff          = Warna Background (Putih), kalo pengen dijadiin item, ganti aja dengan #00000
0xFFFFFF  = Warna Huruf putih.
12              = Ukuran Huruf
0xFF7700  = Warna huruf ketika mouseover atau pada saat ditunjuk kursor
Udah Jadi deh,, coba kalian liat hasilnya,,,
Comments

54 comments:

  1. tanks wat info ny,.
    tp kox gx muncul ea mas,.
    hehehehe,.
    kl da waktu mampir ke blgQ ea,..

    ReplyDelete
  2. Kalo backgroundnya warna kuning gmana ? Kok kucoba warna hitam, tetep putih sih ??

    ReplyDelete
  3. @Jana Virananda:
    Untuk warna kuning ganti dengan kode: #fefe44

    ReplyDelete
  4. Lha Lha ... Aku ganti jadi itu, malah warna biru muda. Coba check dong ..! :)

    Trus kalo warna tulisannya item gimana ?

    ReplyDelete
  5. sippp..
    ok banget, dah bisa
    hmm... klo warna backgroundnya transparant bgm ya??
    makasih ^_^

    ReplyDelete
  6. Thx ya infonya, kalau mau membuat gambar float imagenya nyambung ke suatu link, bagaimana ya ?

    ReplyDelete
  7. @Jana Virananda:
    Kalo mo nyambungin ke LInk tinggal tambahin kode link aja,
    Misal

    ReplyDelete
  8. muter2 baru berhasil pake cara ini, wah2 siip..

    do follow jg ya

    blog ku jg do follow

    Trik Trik Online Internet

    ReplyDelete
  9. Makasih banyak, terbukti udah dicoba dan berhasil (dapat dilihat di http://cumulushade.blogspot.com ).... Salam... Sukses Terus buat anda!!

    ReplyDelete
  10. mantapp!! sukses dengan sempurna..
    thanks ya..
    ne ku mau bagi code2 buat ganti warna..
    pink=FF00F8
    biru=0028FF
    merah=CC0000
    hijau=00A300
    ungu=6D00A3
    kuning=CCCC00
    orange=FF3300
    apa lagi... hub aja ku ya..
    atan-hacker.blogspot.com
    sekali lagi makasih banyak buat diky..
    :a:

    ReplyDelete
  11. mantapp!! sukses dengan sempurna..
    thanks ya..
    ne ku mau bagi code2 buat ganti warna..
    pink=FF00F8
    biru=0028FF
    merah=CC0000
    hijau=00A300
    ungu=6D00A3
    kuning=CCCC00
    orange=FF3300
    apa lagi... hub aja ku ya..
    atan-hacker.blogspot.com
    sekali lagi makasih banyak buat diky..
    :a:

    ReplyDelete
  12. Koq gagal sih,aku liat dsitu cma ada judulnya doank???? :j:

    ReplyDelete
  13. silahkan liat sndiri http://xichidaime-shippuden.blogspot.com/

    ReplyDelete
  14. hahaha,,,thanks broo.nice blog,,gmana cara protect blog pake copyscape.thank.gbu

    ReplyDelete
  15. Cerdas tenan rek, dicoba langsung mak Nyus, boleh nanya ngaak? itu yang %73%68% dst.., sebenernya code apa sih

    ReplyDelete
  16. lupa, makasiiih banyak ya, best tutorial, maju terus buat anda, sekli lagi thanks.

    ReplyDelete
  17. haha.....

    klo ga mau share bilang aja mas...
    pake di encrypt segala...
    ckckckckkk....
    tanggung amat sharenya....

    peace....

    ReplyDelete
  18. wahh..... ib tuh... (info bagus)
    :f: :c:

    ReplyDelete
  19. ko eror ya labelnya mas.

    We were unable to save your template
    Please correct the error below, and submit your template again.
    The new widget id "DarkArdLabel" is invalid for type: Label

    ReplyDelete
  20. Thanks ya atas tipsnya...
    Buat anak anak pemimpi indonesia pencari jati diri, gabung dza di www.dreamhyer.tk

    ReplyDelete
  21. :f: napa ngak boleh sih? saya dapat ni msg
    "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The entity name must immediately follow the '&' in the entity reference."

    ReplyDelete
  22. thanks ya infonya
    kalau tag cloudnya berbackground gambar gimana ya?

    ReplyDelete
  23. [Reply to: Citra Pramesti]
    Oh, itu, triknya akn kutulis dlam waktu dekat ini :a: jdi tunggu aja ya

    ReplyDelete
  24. Nice widget tlah dcoba, tp lum jalan, ono opo mas sing salah....?, mon penceraan..., tukeran Link yo Mas...., makasih...

    ReplyDelete
  25. [Reply to: iwanukazev] Server linker scriptnya error,, ni lagi aku benerin

    ReplyDelete
  26. Kaka . . aku dah coba tapi ko g muncul di BLOG aku???

    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. sip...

    br'manfaat..

    http://webtkj.co.cc

    ReplyDelete
  29. wah kalo rubah backgroundnya jadi gambar gimana?? :h:

    ReplyDelete
  30. [Reply to: Trizna the hiruma-yuki] cukup dibikin transparan, hapus comment line pada js diatas,
    trus dikasih background pake DIV kayak biasa

    ReplyDelete
  31. kok gk bisa ya? malah ada tulisan kaya gini
    "Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: XML document structures must start and end within the same entity."
    itu maksudnya gmn? mohon bantuannya ya

    ReplyDelete
  32. blognya lumayan...kunjungi balik donk brow.... www.titodesign.co.cc

    ReplyDelete
  33. bang gimana ya,,,di blog aku gak ada ini nya ,,,,udah ku cari tapi gak da,,,,,,


    ohon bantuannya ya bang

    ReplyDelete
  34. gak da script sidebar nya,,,cuma ada header nya aja,,,,,

    ReplyDelete
  35. mas ,sebenernya hebat yah,ane sayang gak bisa bloging nih ,he he he,nice info.

    ReplyDelete
  36. :h: thankyou sob ! :e: menuju ke tkp blog gw dulu buat nyoba !

    ReplyDelete
  37. ada ga cara lain buat ginian.,.,.,?

    ReplyDelete
  38. mas kalo supaya di background nya pake gambar gimana caranya?

    ReplyDelete
  39. itu yang tag cloud gak gak bener sih di coba d blog gw!

    ReplyDelete
  40. This comment has been removed by the author.

    ReplyDelete
  41. This comment has been removed by the author.

    ReplyDelete
  42. mas ko tag cloud di blog saya waktu itu bisa beberapa minggu kemudian tag cloud nya ga muncul pencerahannya dong mas dark ard :f:

    ReplyDelete
Related posts
Guestbook
Author
Other


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other