Tag Cloud Label Bergoyang


Demo Tag Cloud Label BergoyangKlik disini untuk melihat demo Tag Cloud Label Bergoyang

Sesuai namanya, tag cloud ini hanya tag cloud biasa, buatan sendiri yang di modifikasi dengan tambahan efek marquee…

Jadi terlihat seperti bergoyang memang.. Lihat contoh sebelah kanan postingan ini →
Simple kan???

Ya namanya berkreasi mah gimana az iya ga Sob.. yang penting BEDA..

Langsung saja.. ini dia neg Sob cara membuatnya :


1. Pilih Tata Letak, kemudian klik Elemen Halaman.
2. Klik tanda + pada HTML/JavaSript.
3. Copy kode dibawah ini kemudian paste pada kolom konten yang tersedia.


    <div style="_height:200px; width:275px;background-color:;font-family:Arial; border: 1px solid #FFFFFF; text-align:justify;">
    <div style="padding:1px;">
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/" style="font-size:30px;text-decoration:none; border-bottom: 1px dotted; color: #FF0099;">Home</a> </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/budaya" style="font-size:22px;text-decoration:none; border-bottom: 1px dotted; color: #66CC00;">Budaya</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/aneh%20n%20uniq" style="font-size:29px;text-decoration:none; border-bottom: 1px dotted; color: #FF9900;">Aneh n Uniq</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/2010/03/tuker-link-otomatis.html" style="font-size:23px;text-decoration:none; border-bottom: 1px dotted; color: #33CCFF;">Link Exchange</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Music" style="font-size:21px;text-decoration:none; border-bottom: 1px dotted; color: #6633CC;">Music</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Wisata" style="font-size:27px;text-decoration:none; border-bottom: 1px dotted; color: #CCCC00;">Wisata</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/News" style="font-size:27px;text-decoration:none; border-bottom: 1px dotted; color: #DE2159;">News</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/2009/11/all-about-me.html" style="font-size:26px;text-decoration:none; border-bottom: 1px dotted; color: #33CC99;">About Me</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/e-Book" style="font-size:29px;text-decoration:none; border-bottom: 1px dotted; color: #FF0066;">e-Book</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Game" style="font-size:19px;text-decoration:none; border-bottom: 1px dotted; color: #003333;">Game</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Materi" style="font-size:23px;text-decoration:none; border-bottom: 1px dotted; color: #9933FF;">Materi</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Campuz" style="font-size:23px;text-decoration:none; border-bottom: 1px dotted; color: #FFFF00;">Campuz</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Sport" style="font-size:19px;text-decoration:none; border-bottom: 1px dotted; color: #CCFF33;">Sport</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Software" style="font-size:30px;text-decoration:none; border-bottom: 1px dotted; color: #66FFFF;">Software</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Hiburan" style="font-size:25px;text-decoration:none; border-bottom: 1px dotted; color: #FF6600;">Fun</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Hardware" style="font-size:30px;text-decoration:none; border-bottom: 1px dotted; color: #33CC99;">Hardware</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Blog" style="font-size:21px;text-decoration:none; border-bottom: 1px dotted; color: #FF99FF;">Blog</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Film" style="font-size:21px;text-decoration:none; border-bottom: 1px dotted; color: #3399CC;">Film</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Kiat-kiat" style="font-size:30px;text-decoration:none; border-bottom: 1px dotted; color: #00CC66;">Kiat-kiat</a> 
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://agoezimoetz.blogspot.com/search/label/Tips%20n%20Trik" style="font-size:23px;text-decoration:none; border-bottom: 1px dotted; color: #CC6600;">Tips n Trik</a> 
     </marquee>
    </div>
    </div>




    · Kode berwarna merah ganti dengan URL label-label yg ada di blog sobat.
    · Kode berwarna biru ganti dengan nama label-label yg ada di blog sobat.
    · Kode berwarna hijau ganti dengan ukuran kolom sidebar yg ada di blog sobat.
    · Kode berwarna Pink untuk mengatur kecepatan GOYANGAN nya.. hehe..

    4. Simpan.. Lalu lihat blog anda.
    5. Ucapkan Hamdallah.
        Selamat berkreasi..