Trik Membuat Cloud Label ( Label Awan) | Trick Make Cloud from label (Label Cloud)

Trik Membuat Cloud Label ( Label Awan): "

Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blog kamu. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasinya.

Langsung di praktekin aja ya....

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

atau kode-kode yang sejenis dalam template blog kamu.

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Tambahkan kode berikut di bawahnya.

<b:widget id='Label99' 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://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', '150', '200', '7', '#F8E0EC');
// uncomment next line to enable transparency
//so.addParam('wmode', 'transparent');
so.addVariable('tcolor', '0xB4045F');
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>

Catatan :

1. Ganti kode yang berwarna merah secara berturut-turut dengan lebar area label ('150'), tinggi area label ('200'), dan warna area label (#F8EOEC) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu.
2. Jangan sampai kelupaan jika kamu merubah warna area label. maka kamu mungkin perlu juga merubah warna teksnya yang ditunjukkan dengan warna hijau (B4045F). Khusus untuk perubahan warna teks, cara memasukkan kode tanpa embel-embel #.
3. Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.

• Jangan lupa disimpan

 Selamat Mencoba....

"

Related With:

Cara Pasang

• Cara Meningkatkan Traffick dan ranking
• Auto Read More Version II
• Menampilkan tulisan bergerak (Marguee)
• Zoom pada Font (memperbesar tulisan pada Blog
• Cara memasang image Zoom pada Blog
• Snow Effect without images
• Multi Levels and Directions Subs Menu
• Neon Light Text II
• Cara Pasang Kotak Komentar Dibawah Postingan
• Blogger Tips jQuery Scroll to Top Control
• Trick Dropline Menus
• 3subs-Menu
• Slide-In Menu
• New Navigation
• Create a Jquery box
• Circling text trail
• Cara Buat Tab Menu Versi 1 Di Blogspot
• Cara Membuat Efek Roaming Saat Blog Anda Di Buka
• Cara Membuat Text Area Dgn Hightlight
• Random background color
• Cara memasang Popup Image Viewer
• Cara Pasang Bold CSS Buttons
• Cara memasang CSS Indent Menu
• Cara Daftar Google Sitemap Untuk SEO Pada Blog