Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » , , » Cara Membuat Kode HTML Untuk Gambar Berjalan di Blog

Cara Membuat Kode HTML Untuk Gambar Berjalan di Blog

Pada postingan kali ini saya akan berbagi tips bagaimana cara membuat gambar berjalan dengan menggunakan kode HTML.

Pada prinsipnya kode HTML untuk membuat gambar berjalan di blog sama dengan membuat text berjalan seperti sudah dijelaskan pada postingan sebelumnya yaitu dengan menggunakan tag pembuka <marquee> dan diakhiri dengan </marquee>.

Adapun untuk mempercantik tampilan gambar berjalan dalam blog kita bisa menggunakan atribut yang dapat digunakan untuk tag <marquee> antara lain atribut: width, height, color, direction, bgcolor, font face, scrolldelay, scrollamount, loop dan sebagianya.

pada postingan kali ini saya berikan contoh penggunaan kode HTML untuk membuat gambar berjalan segagai berikut:

<marquee align="left" bgcolor="cfd9ef" direction="left" height="160" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="100%">
<a href="http://www.jual-rebanamarawis.com/2012/05/jual-paket-marawis-polos.html"><img src="http://4.bp.blogspot.com/-yTsxQYV_9YI/T9irSNd1EZI/AAAAAAAABj8/5BqarM2c4wY/s400/1-SET-MARAWIS-BATIK.png" /></a>
<a href="http://www.jual-rebanamarawis.com/2012/05/jual-paket-marawis-batik.html"><img src="http://4.bp.blogspot.com/-fc95P7I3xeM/T9irRy26pXI/AAAAAAAABjw/Hvxi67uevAk/s400/1-SET-MARAWIS-POLOS.png" /></a> 
<a href="http://jual-rebanamarawis.com/2012/02/hadroh-standard-quality.html"><img src="http://4.bp.blogspot.com/-6qSyV5eQCG0/T9irStLXs3I/AAAAAAAABkU/S3sI-eqdb2w/s400/1-set-HADROH-STANDAR%252B-tas.png" /></a>
<a href="http://jual-rebanamarawis.com/2012/02/hadroh-super-quality.html"><img src="http://1.bp.blogspot.com/-z76hu1V8ejY/T9irSXHBBzI/AAAAAAAABkI/9M7FBzDjh8Q/s400/1-SET-HADROH-SUPER.png" /></a> 
<a href="http://www.jual-rebanamarawis.com/2012/02/rebana-qosidah.html"><img src="http://3.bp.blogspot.com/-p8rNQ7uVieo/T9irSzVlx5I/AAAAAAAABkg/N-44CSgqObw/s400/REBANA-QOSIDAH.png" /></a>
</marquee>

dan hasilnya akan tampak seperti gambar berikut:
Keterangan:
  • Atribut bgcolor="cfd9ef" berarti bahwa background yang digunakan berwarna biru muda seperti pada gambar di atas
  • Atribut  direction="left" berarti bahwa arah gerakan yang digunakan dari kanan ke kiri
  • Atribut height="160" berarti bahwa tinggi background dan gambar nya adalah 160 pixel.
  • Atribut onmouseout="this.start()" berarti bahwa gambar akan bergerak jika tidak di dekati mouse
  • Atribut  onmouseout="this.start()"pberarti pada saat mouse berada si atas gambar, bgerakan akan berhenti. 
  • Atribut scrollamount="5" menunjukkan kecepatan gerakan, semakin besar angka nya maka semakin cepat
  • Alamat url yang berwarna merah menunjukan alamat link tujuan / alamat yang akan dibuka jika gambar tersebut di klik
  • Alamat url yang berwarna biru  menunjukan alamat url dari gambar
Demikian postingan kali ini saya tentang cara membuat gambar berjalan dengan menggunakan kode HTML., semoga bermanfaat.

Tutorial Blogspot
  1. Cara Kompressi Gambar Agar Loading Blog Cepat
  2. Cara Membuat Bullets dan Numbering Tag HTML pada Posting Blog
  3. Cara Membuat Hyperlink Text pada postingan Blogspot
  4. Cara Membuat Kode HTML Link Gambar pada Blogspot
Share this article :

4 komentar:

Toserda OS mengatakan...

gan ini naruh.a dimana ? mohon bantuannya..

Toserda OS mengatakan...

gan ini naruh HTML nya dimana ? mohon bantuannya..

Toserda OS mengatakan...

makasih gan

Imam Adjah mengatakan...

Din noteped gan. Di save dengan format (.html)'
Klok gx bisa bisa coba download xamp. Tpi biasanya gx perlu xpam juga bisa gan.

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST

  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
  • PIN BB : 2B4A736C
  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • LIHAT PETA LOKASI KAMI
    Atau Klik disini
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya Terima Jasa Servis / Perbaikan
 
Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
Template Created by Mas Template Supported by kostumdrumband
Proudly powered by Blogger |