Tag Cloud Label Bergoyang

12.37 | Filed under , | Posted by Girant_31



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..

        Posted by Girant_31 on 12.37. Filed under , . You can follow any responses to this entry through the RSS 2.0. Feel free to leave a response

        11 komentar for "Tag Cloud Label Bergoyang"

        1. yudi
          13 April 2010 pukul 14.55

          Wah :10 beda bngts :15

        2. Qeu
          13 April 2010 pukul 14.57

          Aa keren.. bisaan geuning a :18
          ajarin dunk

        3. Girant_31
          13 April 2010 pukul 15.01

          :14 :14 :14

          iya ntar a Hajarin y.. :23 :25

        4. Girant_31
          13 April 2010 pukul 15.05

          @yudi
          Thenkyu sob.. serng2 ya kemari..

        5. eve
          13 April 2010 pukul 17.42

          Blognya keren oey.. Ilmunya juga keren. Terima kasih ya ^_^

        6. Noor's blog (inside of me )
          13 April 2010 pukul 18.17

          Kunjungan balik...! wah..kayaknya mesti sering2 mampir kesini nih, blog mantap & info2nya oke...
          patut diberi hadiah bolu markus...eh bolu kukus he..he

        8. Girant_31
          14 April 2010 pukul 08.34

          @eve
          Ah masa seh mba..
          Sama2 mba ev..
          Salam Sillaturrahmi..
          Sering2 ya mba kmari..
          Terimakasih atas kunjunganya.

        9. Girant_31
          14 April 2010 pukul 09.11

          @Ratasoe

          Emang mas Ratasoe ini ga ada duanya dalam hal Sillaturrahmi ke blog saya..

          Semangat mas..

        10. senja
          14 April 2010 pukul 10.37

          selamat malam,mksh udh singgah di rmh virtualku...salam kenal juga sobat ^^

        11. Girant_31
          14 April 2010 pukul 10.59

          @senja
          Terimakasih jg mba dh mw mampir.. Salam Sillaturrahmi.. :38

           

        Leave a reply