Selamat datang di CaraGampang.Com

Cara Membuat Slide Show Text Dengan Crawler v1.5

Saturday, January 19, 20130 Komentar


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
Share this article :

Post a Comment

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2011. DunDunBlog - All Rights Reserved
Template Created by Creating Website Modify by CaraGampang.Com
Proudly powered by Blogger