Cara Pasang Continuous Reel Slideshow Di Blog

Posted by : Stiker Jalingkut

Cara Pasang Continuous Reel Slideshow Di Blog

≤ back forth ≥

Silakan Copy Code Di Bawah Sobat..?
Dan Ikuti Langkah2 nya

#myreel{ /*sample CSS for demo*/
border:15px solid black;
}

.paginate{
width: 330px;
margin-top:5px;
font:bold 14px Arial;
text-align:center;
}

</style>

/***********************************************
* Continuous Reel Slideshow- © Selladrt (www.selladrt.com)
* This notice MUST stay intact for legal use
* Visit http://www.drtsella.com/ for this script and 100s more.
***********************************************/

</script>

var firstreel=new reelslideshow({
 wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
 dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
 imagearray: [
  [""], //["image_path", "optional_link", "optional_target"]
  ["", "http://bloggertutoria.blogspot.com", "_new"],
  [""],
  [""] //<--no trailing comma after very last image element!
 ],
 displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
 orientation: "h", //Valid values: "h" or "v"
 persist: true, //remember last viewed slide and recall within same session?
 slideduration: 300 //transition duration (milliseconds)
})

var firstreel=new reelslideshow({
 wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
 dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
 imagearray: [
  ["http://selladrt.wap.sh/Style/girl.jpg"], //["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhp6MnGjXELS7pT1Pb358dmFFRIokWO_0uIzIzKAUSekjCfQh-7D4uXqAhxtEbQ8iYcr6RPr2mFZMzwZPNqkkrlx13DyAgrBvLz1APiiY2SVLwvS1MqXnIkLxf6i3l5GqZFo2t5C177s/s200/mk-2.jpg", "optional_link", "optional_target"]
  ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
  ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieioPrVcaIcRbLh2kfQTK5m5Ogk6jqwaLSRVfUlL0r13w65erlKIzjidUslNj6BYR983-mQScmUBUwBYqLdDNUeNBNm0bzHzRLgbWphC8PzErvnRkIEy-n5FmRL24lxpZ81dyACc-54ks/s200/35302_1344702181884_1361143358_754159_7485765_n.jpg"],
  ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjhp6MnGjXELS7pT1Pb358dmFFRIokWO_0uIzIzKAUSekjCfQh-7D4uXqAhxtEbQ8iYcr6RPr2mFZMzwZPNqkkrlx13DyAgrBvLz1APiiY2SVLwvS1MqXnIkLxf6i3l5GqZFo2t5C177s/s200/mk-2.jpg"] //<--no trailing comma after very last image element!
 ],
 displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
 orientation: "h", //Valid values: "h" or "v"
 persist: true, //remember last viewed slide and recall within same session?
 slideduration: 300 //transition duration (milliseconds)
})
</script>

<div id="myreel">
</div>
<div class="paginate">
≤ <a href="javascript:firstreel.navigate('back')" style="margin-right:200px;">back</a>  <a href="javascript:firstreel.navigate('forth')">forth</a> ≥
</div>

Langkah 1 : Ganti Url Punya Sobat
Langkah 2 : Ganti Image Punya Sobat

Semoga Berhasil Sobat Ku YAng Baik

Sikian Dariku Sobat Klau Ada Waktu Luwang
Tinggalkan Saran Anda Sobat

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

Subscribe to Posts | Subscribe to Comments

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--