cara membuat gambar berjalan
Wah ternyata Teks dan gambar Berjalan banyak sekali yang request jadi saya buatkan tutorialnya dech biar blog sobat lebih cantik dan kereeeen...!!! mungkin Judul dari trik di atas tidak asing lagi di dunia mbah Google tapi kalau yang satu ini berbeda dari yang lain karena tidak menggunakan trik Marquee melainkan menggunakan Crawler. Untuk contohnya sobat bisa klik ini
Dalam tahapan pemasangan Teks dan gambar Berjalan sangat gampang, kenapa bisa gampang?? karena saya membuatnya agar para newbie Blogger dapat melakukannya/memasangnya tanpa kesulitan sedikitpun kecuali Newbie yang sangat-sangat-sangat-sangat-sangat Newbie
. Maaf kalau saya lama sekali membagikan Trik ini kepada sahabat Blogger semua dikarenakan banyak Tugas sekolah yang numpuk.
Wah sudah saja lah cuap2nya takut Sahabat blogger pada bosan okey sekarang kembali ke cara Pemasangan Teks dan gambar Berjalan Setujuh sobat semua??(setujuh : seribu orang berbicara). Lihat kebawah dan praktekan y:
- masuk ke Blogger
- Lalu masuk ke halaman Tata Letak ==>> Elemen Halaman
- Tambahkan sebuah Gadget
- Setelah itu pilih yang HTML/Javascript
- Pindahkan kode di bawah ini kedalamnya :
<script type="text/javascript" src="http://oketrik.googlecode.com/files/crawler2.js">
/*
Text and/or Image Crawler Script �©2009 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
This Notice Must Remain for Legal Use
*/
</script>
<center>
<div class="marquee" id="mycrawler">
ada yang mau ditanyakan silahkan tanyakan saja jangan sungkan2 saya sedia membantu dengan senang hati...
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '450px',
'background': 'Black',
'border': '1px solid #262626'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 3,
neutral: 150,
savedirection: true
});
</script>
<div class="marquee" id="mycrawler2">
<img src="http://i40.tinypic.com/9tlic8.jpg" /> <img src="http://i43.tinypic.com/1zbqs5t.jpg" /> <img src="http://i44.tinypic.com/2419ul3.jpg" /> <img src="http://i43.tinypic.com/296nh3r.jpg" /> <img src="http://i40.tinypic.com/mk7ki.jpg" />
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true
});
</script>
</center>
Penjelasan :- kode yang berwarna kuning bisa sobat ganti sesuai keinginan sobat. Teks ganti dengan Teks tapi kalau alamat Gambar ganti dengan alamat gambar yang sobat inginkan.
- Setelah itu sobat bisa simpan dan lihat hasilnya.






