Mungkin ada diantara teman-teman yang ingin membuat
banner berjalan di blog,atau jika punya gambar kesayangan mungkin bisa buat
gambar berjalan di blog, bisa juga jika punya foto maka membuat foto berjalan
di blog. Anda bisa menempatkan banner, gambar, atau foto tersebut di dalam
postingan atau di disebar (gadget html/javascript). Prosedur atau cara buat
banner berjalan hampir sama dengan cara buat teks berjalan (marquee)
Ada beberapa tahap yang harus anda lakukan,
1. Upload gambar dari komputer ke situs layanan image hosting gratis seperti
tinypic,photobucket,dll
2. Buat kode banner di blog
Langkah detail untuk membuat :
1. Buka situs image hosting
2. Login ke dasboard blogger, buat entri baru atau add gadget html/javascript
Masukkan kode berikut:
Contoh 1: Gambar 1 buah, bergerak dari kanan ke kiri,
Anda bisa mengatur tinggi dan lebar gambar , dalam contoh ini:
a. width="200" lebar gambar 490 sesuaikan dengan gambar anda
b. height="360" lebar gambar 360 sesuaikan dengan gambar anda
Kode:
<marquee behavior="scroll"
direction="left" scrollamount="3" width="200"
height="360"><img
src="ISIKAN LINK FOTO ANDA" />
</marquee>
Contoh 2, jika gambarnya lebih dari satu, bergerak dari kanan ke kiri
Kode:
<marquee behavior="scroll"
direction="left" scrollamount="3" width="490"
height="360"><img
src="
ISIKAN LINK FOTO ANDA "/> <span
style="padding: 5px;"> <img src="
ISIKAN LINK FOTO ANDA "/>
</span> <span style="padding: 5px;"> <img
src="
ISIKAN LINK FOTO ANDA "/></span></marquee>
Contoh 3: jika gambarnya bergerak secara vertikal , untuk mengubah bergerak
dari atas ke bawah , ganti direction="up" menjadi
direction="down"
Kode:
<marquee behavior="scroll"
direction="up" scrollamount="3" width="490"
height="360"><img
src="
ISIKAN LINK FOTO ANDA "/> <br> <img
src="
ISIKAN LINK FOTO ANDA "/><br><img
src="
ISIKAN LINK FOTO ANDA "/><br>
</marquee>
Silahkan dicoba...masukkan kode di atas ke dalam teks editor blogger atau ke
gadget html, sesuaikan lebar dan tinggi sesuai dengan gambar/banner anda.
0 komentar:
Posting Komentar