Cara Memasang Widget Label Cloud Animasi Pada Blog

Cara Memasang Widget Label Cloud Animasi Pada Blog mungkin adalah cara yang sedang anda cari untuk mempercantik blog anda, cara ini berbeda dengan cara Memasang Widget Histats. Pada dasarnya ada dua jenis label cloud untuk blog, yang bisa anda pakai untuk mempercantik blog anda, yang pertama adalah label cloud blog yg bentuk tag nya tidak sama dari ukuran, yang kedua adalah label cloud animasi yang berputar apabila anda mendekatkan mouse/ kursor ke label tersebut, untuk lebih jelasnya saya beri gambar untuk ilustrasinya dibawah.

Anda sudah dapat ilustrasinya kan!!!

Very well!! Kita akan lanjutkan untuk bahasan cara memasang widget label cloud animasi untuk mempercantik blog. Begi kawan-kawan blogger pemula, perhatikan langkah berikut

• Copy script dibawah ini dan simpan di notepad atau microsoft word terlebih. Script dibawah ini adalah script yang saya dapatkan dari sahabat bloger Awalk Blog's. Setelah melakukan sedikit perubahan pada script-nya untuk ukuran sidebar blog yang berbeda, dan silahkan sahabat bloger pakai untuk membuat label cloud animasi pada blog sobat semoga bermanfaat.

<b:widget id='Label99' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='https://sites.google.com/site/scriptawalk/javascript/tagcloudawalkblogs.js' type='text/javascript'/>
<div id='flashcontent'>Tag Cloud <a href='http://abas-kerja-online.blogspot.com/'>kerja online</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "300", "320", "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", "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>

• Langkah berikutnya silahkan sahabat blog login ke akun blog sahabat..
• Dari halaman Dasbor, silahkan klik Tata Letak lalu pilih Edit HTML.
• Silahkan simpan template sabat untuk antisipasi kesalahan.
• Lalu paste script diatas di bawah kode berikut:

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

Untuk memudahkan anda, silahkan cari kode diatas dengan menggunakan tombol Control + F atau tekan F3.

• Silahkan sahabat blog tekan Preview atau Pratinjau terlebih dahulu untuk melihat hasilnya sebelum melakukan save template anda. Jika sudah silahkan Save Tamplate.

• Keterangan*

* Lebar widget : 300px* Tinggi widget : 320px
* Warna latar (background) : putih atau #ffffff
* Warna huruf : abu gelap atau 0x333333
* Ukuran huruf : 12

Sahabat blogger bisa mengubah settingan tersebut jika diperlukan untuk penyesuaian dengan blog sobat. Misalnya ukuran siderbar dan code warna, untuk kode warna anda bisa cari di http://www.html-color-codes.info/.

Demikian sahabat blogger mengeanai Cara Memasang Widget Label Cloud Animasi Pada Blog, semoga postingan ini bisa membantu dan bermanfaat untuk sahabat blogger dalam membuat label cloud animasi pada blog anda.

Happy Blogging dan selamat mencoba semoga berhasil.


Description: Cara Memasang Widget Label Cloud Animasi Pada Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Memasang Widget Label Cloud Animasi Pada Blog