Membuat Slide Show Text dan Gambar dengan Crawler v1.5

Slide Show ini bisa berupa text maupun gambar. Ber-
jalan ke arah sebelah kiri adalah defaultnya (awal).
Bila cursor anda letakkan di atasnya, maka text atau
gambarnya akan berhenti dan dengan cursor pula per-
gerakkan text atau gambarnya dapat anda rubah arah ke
arah mana yang anda kehendaki. Cara memasangnya :

1.   Masuk ke Edit HTML

2.   Cari kode </head>

3.   Letakkan kode berikut ini di atasnya,
      lalu simpan template anda.

<script type="text/javascript" src="http://h1.ripway.com/syamsudin/crawler.js"> /* Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer as first seen in http://www.dynamicdrive.com/forums/ as second seen in http://www.syamsudinnamaku.blogspot.com/ username: jscheuer1 - This Notice Must Remain for Legal Use updated: 4/2011 for random order option, more (see below) */ </script>

4.  Tambahkan Gadget pada blog anda.

5.  Copy kode di bawah ini, lalu masukkan
     ke dalam kontennya.

KODE UNTUK SLIDE SHOW TEXT :

<div class="marquee" id="mycrawler">TULIS KALIMAT ANDA DISINI</div><br /> <script type="text/javascript"> marqueeInit({ uniqueid: 'mycrawler', style: { 'padding': '5px', 'width': '450px', 'background': 'lightyellow', 'border': '1px solid #FF0000' }, inc: 8, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 4, neutral: 150, savedirection: true }); </script>

KETERANGAN :

*  Masukkan tulisan anda pada ' TULIS KALIMAT
    ANDA DISINI '

*  Atur ukuran lebar area textnya pada kode 'width':

*  Atur juda kecepatannya pada kode inc: 8,

*  Sesuaikan juga warna background dan bordernya
   pada kode 'background': dan 'border':

KODE UNTUK SLIDE SHOW GAMBAR :

<div class="marquee" id="mycrawler2"><img src="URL GAMBAR 1" /> <img src="URL GAMBAR 2" /> <img src="URL GAMBAR 3" /> <img src="URL GAMBAR 4" /><br /> </div><br /> <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, random: true }); </script>

KETERANGAN :

*   Masukkan URL GAMBAR anda. Dalam contoh
    di atas hanya ada 4 (empat) gambar Slide Show.

*   Anda juga dapat menambahkan jumlah gambarnya
    dengan menambahkan kode <img src="URL GAMBAR
     5" />, <img src="URL GAMBAR 6" />, dan seterusnya.
   

*   Atur ukuran lebar dan tinggi area Slide Shownya
    pada kode 'width': dan 'height':
    Sesuaikan dengan ukuran dan jumlah gambar anda.

*  Atur juda kecepatannya pada kode inc: 5,

Selamat mencoba,
semoga bermanfaat, good luck!