earth

Guestbook

/* Iklan google ads */

Cara Membuat Gambar (Image) Berjalan

Ada saja kawan yang menanyakan bagaimana cara membuat gambar (image) berjalan seperti foto berjalan pada footer (halaman bawah) SC Community. Sebenarnya jika kawan tersebut mau sedikit mencarinya pada artikel-artikel SC Community yang terdapat pada tab content, hal tersebut sudah dijelaskan secara gamblang pada artikel "Cara Membuat Tulisan Berjalan".

Pada dasarnya, cara membuat gambar (image) berjalan sama dengan cara membuat tulisan berjalan, hanya saja kode yang diletakkan setelah perintah marquee bukan berupa tulisan melainkan perintah untuk menampilkan gambar (image). Untuk lebih jelasnya bisa melihat contoh berikut:

Misalnya kita akan membuat gambar banner berjalan, seperti ini:
SC Community Sastra Culun

Perintah yang harus dibuat seperti ini:
<marquee scrollamount="5" direction="left" onmouseover="this.stop()" onmouseout="this.start()">
<a href="http://ruangsc.blogspot.com/" target="_blank"><img style="border:0px; width:150px; height:54px; margin-top:5px;" src="http://i563.photobucket.com/albums/ss76/peace_enes/SCC.gif"/></a>
<a href="http://sastraculun.blogspot.com/" target="_blank"><img style="border:0px; width:150px; height:54px; margin-top:5px;" src="http://i563.photobucket.com/albums/ss76/peace_enes/SaCu.gif"/></a>
</marquee>

Untuk lebih memahami perintah scrollamount, direction, onmouseover, dan onmouseout, kamu dapat mempelajarinya pada artikel "Cara Membuat Tulisan Berjalan".

URL http://ruangsc.blogspot.com/ di atas merupakan link terhadap banner http://i563.photobucket.com/albums/ss76/peace_enes/SCC.gif, sedang URL http://sastraculun.blogspot.com/ merupakan link terhadap gambar banner http://i563.photobucket.com/albums/ss76/peace_enes/SaCu.gif.
Untuk mempelajari tentang link kamu dapat membaca "Cara Membuat Link", dan untuk membuat banner dapat mempelajarinya pada artikel "Cara Membuat Script Banner".

Style image pada perintah di atas dibuat sama agar terlihat rapih. Mengenai ini kamu dapat mempelajarinya pada artikel "Cara Mengatur Dan Merapihkan Gambar".

Jika arah pergerakan (direction) dibuat ke atas atau ke bawah, maka kamu harus menambahkan perintah height setelah perintah direction. Untuk lebih jelasnya, pelajari artikel "Cara Membuat Tulisan Berjalan".

Segitu aja sob. Semoga bisa difahami dan bermanfaat .....
  • Artikel Terkait Dengan HTML Tutorials

    Terimakasih sudah membaca artikel SC Community's Blog

    14 komentar

    wah !!!!
    bener2 ide kreatif dech sob !!!!
    salut buat semua tutorial yang ada disini !!!
    sukses yach sob !!!

    28 Mei 2010 pukul 18.12  

    Yang ini harus diparkatekkan saat sedang luang, Kang. Trims infonya, ya. Nanti pasti saya coba deh. Meski tertatih tapi nanti juga bisa. Iya, kan?

    28 Mei 2010 pukul 18.31  

    ini kang yg saya cari² ,terimakasih atas infonya....

    28 Mei 2010 pukul 18.45  

    Wah,, script yg bgus gan .. :)

    Visit me back yah .. ^^

    28 Mei 2010 pukul 19.48  

    wihii udah bisa euy kang di blog nu hiji ^0^

    muhun sami2 kang enes engkin disalamkeun make speaker nya meh didangu urang bandung sadayana wkwkwkw ^0^

    With Love,

    |
    |
    V

    Miss Rinda - Personal Blog

    29 Mei 2010 pukul 08.55  

    Lho.., komenku tadi kok gak muncul ya..?

    Bagus banget nih Kang tutorialnya.., pengen juga nyobain suatu saat nanti.
    Thanks udah bagi2 ilmu... :D

    29 Mei 2010 pukul 09.49  

    Paham Kang, trims infonya

    29 Mei 2010 pukul 15.22  

    wah boleh nih dicoba... gan ikutan kontes soe di blog ane yuk, klik aja nama ane dikomentar ini.. maen maen ke blog ane gan

    19 Juni 2011 pukul 01.14  

    mantab kreasinya....makasih ya...

    25 Oktober 2011 pukul 00.53  

    orang jawa bilang, "Maturnuwun kang"
    klo longgar blogwalking to my blog ya...

    20 April 2012 pukul 05.52  

    Mantap sy sdh mencoba tips yang diberikan dan hasilnya seperti pada fisio-usman.net. mantap blog ini sangat membantu mempercantik blog. terutama bagi sy yang tergolong just begining. thank U.

    20 April 2012 pukul 13.20  

    Tambahkan Komentar

    • Dimohon untuk tidak mencantumkan link aktif pada komentar sobat.
    • Gunakan Ruang Tanya pada TabView Menu, jika ingin menanyakan sesuatu yang tidak ada kaitannya dengan artikel di atas.
    Kang eNeS

    Terimakasih atas semua apresiasi yang sobat berikan.

    10 Artikel Terbaru

    10 Artikel Terpopuler