Rabu, 08 Februari 2012

Cara Membuat Banner Bergerak

Kawan pada hari ini saya akan posting Tutorial Blogger,
yaitu Cara Membuat Banner Bergerak dengan marquee.

Dari namanya kawan pasti tau kan apa kegunaannya, ini berguna untuk menghemat tempat dan sekaligus bisa memperindah blog kawan.

Saya juga memanfaatkan ini untuk keperluan saya dalam hal tukar menukar link banner dengan kawan. jadi apakah kawan tertarik.....? langsung saja, Cekidot>
Live Demo>>


Demo 1
sharing, free download (software,games), tutorial blogger, info, business and request.


Demo 2 sharing, free download (software,games), tutorial blogger, info, business and request. 

Demo 3
sharing, free download (software,games), tutorial blogger, info, business and request. sharing, free download (software,games), tutorial blogger, info, business and request. sharing, free download (software,games), tutorial blogger, info, business and request.

Demo 4
sharing, free download (software,games), tutorial blogger, info, business and request.

 Demo 5
sharing, free download (software,games), tutorial blogger, info, business and request. sharing, free download (software,games), tutorial blogger, info, business and request. sharing, free download (software,games), tutorial blogger, info, business and request.
Kode Untuk Demo 1
<marquee behavior="scroll" direction="left" style='width:129px;height:129px;' onmouseover="this.stop()" onmouseout="this.start()">

DisiniSimpanKodeBannerKawanYangAkanDipasang

</marquee>
Kode Untuk Demo 2
<marquee behavior="scroll" direction="left" style='width:504px:height:129px;' onmouseover="this.stop()" onmouseout="this.start()">

DisiniSimpanKodeBannerKawanYangAkanDipasang

</marquee>
Kode Untuk Demo 3
<marquee behavior="scroll" direction="up" style='width:129px;height:504px;' onmouseover="this.stop()" onmouseout="this.start()">


DisiniSimpanKodeBannerKawanYangAkanDipasang
DisiniSimpanKodeBannerKawanYangAkanDipasang
DisiniSimpanKodeBannerKawanYangAkanDipasang 
</marquee>
Kode Untuk Demo 4
<marquee behavior="alternate" direction="left" style='width:504px:height:129px;' onmouseover="this.stop()" onmouseout="this.start()">

DisiniSimpanKodeBannerKawanYangAkanDipasang

</marquee>

Kode Untuk Demo 5
<marquee behavior="alternate" direction="up" style='width:129px;height:504px;' onmouseover="this.stop()" onmouseout="this.start()">


DisiniSimpanKodeBannerKawanYangAkanDipasang
DisiniSimpanKodeBannerKawanYangAkanDipasang
DisiniSimpanKodeBannerKawanYangAkanDipasang

</marquee>
Cara pemasangan:
  1. Kawan login pada blog
  2. Pada Dasboar - Tata Letak - Tambah Gadget - HTML/JavaScript (kawan juga bisa tambahkan ini pada laman, seperti yang saya lakukan)
  3. Copy dan Paste kode di atas
  4. Ganti kata DisiniSimpanKodeBannerKawanYangAkanDipasang dengan banner yang kawan inginkan/punya
  5. Save Template 
^_^ Semoga Bermanfaat ^_^
Jangan lupa tinggalkan komentar/masukan buat saya ya. Kawan tau, visitor yang baik itu selalu memberi masukan, apakah kawan salah satu dari visitor yang baik...? buktikan ^_^ (No Spam ya kawan)

6 komentar:

  1. WAH TUTOR yang bagus aobat..nice posting..semangat ya gan.. :)
    follow back ya gan.. :)

    BalasHapus
  2. Mantap Brow tutornya
    :)follow back Yah Brow :):):)

    BalasHapus
  3. artikel yg menarik mas, dan juga saya suka dengan ulasannya yg cukup bagus dan detail, dan juga salam kenal dari mico ya, dan sekalian gan kalo ada yg dengan film box office terbaru silakan download aja ditempat gue karena banyak film update terbaru loe, hehe dan makasi adminnya juga nie, makasi gbu

    BalasHapus

tetap berkunjung jangan lupa follow and tinggalkan beberapa comment-ya
visitor yang baik itu selalu memberi masukan
^_^ semoga bermanfaat ^_^ (No Spam ya)