Tuesday, 26 June 2012

Cara Membuat Link Cloud Tanpa Edit HTML

 

Dalam artikel kali ini, saya akan menjelaskan bagaimana cara membuat daftar link cloud dengan animasi flash pada blog anda dengan mudah. kode ini dibuat oleh Roy Tanck yang semulanya digunakan untuk plugin Wordpress kemudian di konversi untuk bisa digunakan di Blogger. Hasilnya Arahkan kursor anda pada objek untuk melihat animasinya. Menurut anda bagaimana, bagus kan?

Bila dilihat dari segi tampilan widget ini tampak seperti label cloud animasi flash yang kini banyak digunakan tapi yang membedakan widget ini, yaitu secara manual anda bisa memasukkan URL link apa saja yang anda kehendaki seperti membuat label, menampilkan judul artikel, daftar link blog anda dll. Bagaimana anda tertarik?



Widget ini dapat di tempatkan pada sidebar blog anda, berikut caranya :

Login ke blog anda
Pada halaman dasbor pilih rancangan/layout
Buat Gadget baru, pilih HTML/JavaScript
Masukkan kodeini

<embed allowscriptaccess="always" bgcolor="#ffffff" flashvars="hicolor= 0xF3A217&amp;tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
       
    &lt;a href='URL Link Anda' style='24'&gt;Judul Link Anda&lt;/a&gt;
    &lt;a href='URL Link Anda' style='24'&gt;Judul Link Anda&lt;/a&gt;
    &lt;a href='URL Link Anda' style='24'&gt;Judul Link Anda&lt;/a&gt;
    &lt;a href='URL Link Anda' style='24'&gt;Judul Link Anda&lt;/a&gt;
    &lt;a href='URL Link Anda' style='24'&gt;Judul Link Anda&lt;/a&gt;
    &lt;a href='URL Link Anda' style='24'&gt;Judul Link Anda&lt;/a&gt;
             
    &lt;/tags&gt;" height="220" id="tagcloud" name="tagcloud" quality="high" src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf" type="application/x-shockwave-flash" width="350"></embed>


Keterangan :

bgcolor=#ffffff (warna latar)
hicolor=0xF3A217 (warna hover)
tcolor=0x000000 (warna huruf)
tspeed =100 (kecepatan animasi)
width="350" (lebar)
height="150" (tinggi)
style=24 (besar huruf)

Untuk memasukkan kode ke dalam postingan maka kode harus di Parse terlebih dahulu kemudian paste kodenya di dalam entri pada mode HTML.
Mudah Bukan...

No comments:
Write comments