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:
Perintah yang harus dibuat seperti ini:
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 .....
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:
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 .....
14 komentarPosting Komentar
wah !!!!
bener2 ide kreatif dech sob !!!!
salut buat semua tutorial yang ada disini !!!
sukses yach sob !!!
Yang ini harus diparkatekkan saat sedang luang, Kang. Trims infonya, ya. Nanti pasti saya coba deh. Meski tertatih tapi nanti juga bisa. Iya, kan?
ini kang yg saya cari² ,terimakasih atas infonya....
Wah,, script yg bgus gan .. :)
Visit me back yah .. ^^
baru mau nanya
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
Lho.., komenku tadi kok gak muncul ya..?
Bagus banget nih Kang tutorialnya.., pengen juga nyobain suatu saat nanti.
Thanks udah bagi2 ilmu... :D
Paham Kang, trims infonya
@Semua:
Makasih atas komentar...
@Anni dan Reni:
Boleh juga dijajal ceu/mbak. Lumayan buat belajar, hehehe...
Caranya gimana sih
wah boleh nih dicoba... gan ikutan kontes soe di blog ane yuk, klik aja nama ane dikomentar ini.. maen maen ke blog ane gan
mantab kreasinya....makasih ya...
orang jawa bilang, "Maturnuwun kang"
klo longgar blogwalking to my blog ya...
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.
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.