TUTORIAL: CARA BUAT FLASH LABEL CLOUD BLOG

Berikut adalah Tutorial : CARA BUAT FLASH LABEL CLOUD atau pun di kenali juga dengan nama Flash Animated Label Cloud. Contoh Flash Label Cloud ini kelihatan sperti di sidebar kanan blog ini. Atau boleh rujuk gambarajah di bawah :

flash label cloud - animated

Kelebihan flash label animated cloud :

1. Menjimatkan ruang sidebar blog anda.
2. Nampak lebih profesional.
3. Lebih kemas dan padat serta menarik.
4. Berputar atau bergerak secara animated apabila dihalakan mouse.
5. Terlebih sudaaa....

Cara buat Flash label Cloud Animated ini mudah sahaja. Cuma Copy & Paste di Sidebar blog anda menggunakan Html.

Langkah memasang Flash Label Cloud ini adalah seperti berikut ;

• Login
• Dashboard
• Layout
• Add a gadget
• Html/Javascript

Dan copy dan paste kan kod di bawah ;

<div id="potiaFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.silenceblogz.com/">silenceblogz.com</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var potiaFlashLabelSettings = {
    blogurl        : "http://www.silenceblogz.com",
    color          : "CCCCCC",
    hoverColor     : "333333",
    backgroundColor: "FFFFFF",
    size           : 13,
    speed          : 100,
    width          : 290,
    height         : 240,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://silenceblogz2.googlecode.com/files/label_flash_cloud.txt"></script>

Bila dah paste sila tukar atau edit dan gantikan tulisan warna merah (www.silenceblogz.com) kepada link blog anda. Jika saiz menjadi kurang sesuai jangan risau anda masih boleh mengubahnya mengikut kesesuaian saiz sidebar anda dengan edit nombor yang bewarna biru seperti di atas.

Jika anda tidak gemar dengan warna Flash Label Cloud ini anda juga boleh menukarkannya kepada warna kesukaan anda dengan menukar kod warna yang berwarna Lime di atas atau membiarkannya tanpa mengubah apa-apa. (set as default)
Sila rujuk di sini untuk panduan Kod Warna
width = Kelebaran
height = Ketinggian

Dah siap sila save! dan lihat hasinya.
Selamat mencuba.

cara buat javascript tutorial tutorial blog 11/03/2012 05:10:00 pm