Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
Terima Jasa Servis / Perbaikan
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
  5. Cara Membuat Link Gambar Berkedip di blogspot
  6. Cara Membuat Link Text Berkedip di Blogspot
  7. Cara Membuat Tabel di Blog dengan Kode HTML
  8. Cara Menampilkan Kode HTML dalam Postingan Blog
  9. Cara Menyisipkan Gambar pada Postingan Blog
  10. Cara mudah dan praktis Membuat Gambar Animasi GIF Online
  11. Membuat Tabel di Blog dan Atribut HTML
  12. Mengenal Kode Tag HTML Dasar pada Web / Blog
  13. Tips membuat Atribut HTML link pada Blogspot agar SEO Friendly
  14. Tips/Cara Membuat Meta Tag HTML Agar Blog SEO Friendly
  15. cara membuat tulisan / teks berjalan ( marquee ) di blog
Share this article :

3 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

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST

bb-marching-drumband HP: 08561452465 / 085286352611
bb-marching-drumband 29D660BD ATAU 7E6D8262
 
Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
Template Created by Mas Template Published by Putra Pendawa
Proudly powered by Blogger |