Cara Membuat Label Blog Berwarna Dan Bergerak

Dalam postingan kali ini saya akan memberikan cara bagaimana membuat Label Blog yang berwana-warni dan bisa bergoyang pula. Ini berkat bantuan marquee yang di sisipkan didalamnya. Saya harap ini akan menjadi daya tarik tersendiri buat blog  Anda. Yang sebelumnya Label Blog Anda biasa-biasa saja dan jarang di klik orang, kini akan lebih menarik orang untuk nge-klik Label  Blog yang Anda buat di sidebar. Contoh hasilnya ada dibawah ini :

Bagaimana Anda ingin membuatnya ? kalau iya, ikuti tata dan caranya di bawah ini :

1. Login ke blogger Anda

2. Masuk ke Dasbor dan pilih Tata Letak / Rancangan

3. Pilih tambah Gatget diteruskan pilih HTML/Javascript

4. Dan masukan code berikut :

  <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://www.purbalingga.co.cc/" 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://www.purbalingga.co.cc/search/label/Artis" style="font-size:22px;text-decoration:none; border-bottom: 1px dotted; color: #66CC00;">Artis</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://www.purbalingga.co.cc/search/label/Biography" style="font-size:29px;text-decoration:none; border-bottom: 1px dotted; color: #FF9900;">Biography</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://www.purbalingga.co.cc/search/label/Info%20Bisnis" style="font-size:23px;text-decoration:none; border-bottom: 1px dotted; color: #33CCFF;">Info bisnis</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://www.purbalingga.co.cc/search/label/Purbalingga" style="font-size:21px;text-decoration:none; border-bottom: 1px dotted; color: #6633CC;">Purbalingga</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://www.purbalingga.co.cc/search/label/Sport" style="font-size:27px;text-decoration:none; border-bottom: 1px dotted; color: #CCCC00;">Sport</a>
     </marquee>
    <marquee width="30%" scrollamount="3" behavior="alternate">
       <a href="http://www.purbalingga.co.cc/search/label/Tutorial" style="font-size:27px;text-decoration:none; border-bottom: 1px dotted; color: #DE2159;">Tutorial</a>
     </marquee>
    </div>
    </div>

 

Nb :
Tambahkan code dibawah ini untuk menambah "label baru", masukan sebelum code :

</div>
</div>

  <marquee width="30%" scrollamount="3" behavior="alternate">
   <a href="Isi demgan Url Label blog Anda" style="font-size:23px;text-decoration:none; border-bottom: 1px dotted; color: #CC6600;">Judul Label</a>
 </marquee>

 

 

Note :

·        Kode berwarna Biru ganti dengan URL label blog Anda

·        Kode berwarna Pink ganti dengan Nama label blog Anda

·        Kode berwarna Merah ganti dengan Ukuran kolom di sidebar Anda

·        Kode berwarna Kuning untuk mengatur kecepatan Gerak-nya

5. Jangan lupa beri Nama Label dulu, baru simpan ► Selesai !!

 

...Selamat bekerja...