Cara Membuat Gambar Slide Show

APA ITU SLIDE SHOW ?
Slideshow adalah cara terbaik untuk memamerkan foto Anda, posting fitur, gambar dan materi lain seperti Anda wish. Kami mencari sebuah tutorial tentang menambahkan nivo slider ke blogger tapi banyak dari Anda mendapatkan masalah saat menambahkannya ke blogger blog . Itulah mengapa saya dianggap berbagi gambar penuh dan mudah disesuaikan slider / gallery.

PENDAPAT SAYA TENTANG WIDGET SLIDE SHOW.
Ini adalah slider sederhana gambar dengan banyak pilihan seperti dimensi menyesuaikan, play, pause, interval antara berikutnya dan sebelumnya slide dan beberapa naskah options.The lain galeri ini diambil dari dynamicdrive dan saya telah membuat beberapa perubahan sehingga Anda dapat dengan mudah menambahkannya ke instalasi blog.

Cara Mudah Membuat Widget Slide Show Di Blogger Keren Banget :

Langkah 1 : Silahkan Anda Login ke Akun Blogger Sobat
Langkah 2 : Klik Tata Letak
Langkah 3 : Tambah Gadget
Langkah 4 : Pilih HTML/JavaScipt
Langkah 5 : Pastekan kode Script di bawah ini


<style type="text/css">
#simplegallery2 {
 //CSS for sample Gallery
position: relative;
 visibility: hidden;
 border: 5px solid black;
 margin: auto;
}

#simplegallery2 .gallerydesctext {
 //CSS for description DIV of Example 1 (if defined)
text-align: left;
 padding: 2px 5px;
 font-family: calibri;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://code.helperblogger.com/image-gallery.js">
</script>

<script type="text/javascript">
var mygallery2=new simpleGallery({
 wrapperid: "simplegallery2", //ID of main gallery container,
 dimensions: [400, 275], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
 imagearray: [

 ["LINK FOTO 1 DISINI", "#", "_new", "DESKRIPSI FOTO DISINI"],

 ["LINK FOTO 2 DISINI", "#", "_new", "DESKRIPSI FOTO DISINI"],

 ["LINK FOTO 3 DISINI","#", "_new", "DESKRIPSI FOTO DISINI"],

 ["LINK FOTO 4 DISINI", "#", "_new", "DESKRIPSI FOTO DISINI"],

 ["LINK FOTO 5 DISINI", "#", "_new", "DESKRIPSI FOTO DISINI"]
 ],
 autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
 persist: true,
 fadeduration: 1000, //transition duration (milliseconds)
 oninit:function(){ //event that fires when gallery has initialized/ ready to run
 },
 onslide:function(curslide, i){ //event that fires after each slide is shown
 //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
 //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
 }
})
</script>
<div id="simplegallery2"></div>

Langkah 6 : Simpan dan Lihat Hasilnya

KETERANGAN
1. Jika Ingin Jenis Font Berganti Ubah calibri menjadi font lainnya.
2. Ubah Ukuran Gambar 400 adalah lebar dan 275 adalah tinggi.
3. Ubahlah LINK FOTO DISINI dengan Link Url Foto Anda.
4. Ganti # dengan Link yang ingin anda tambahkan dengan gambar tertentu.
5. Ganti DESKRIPSI FOTO DISINI dengan deskrepsi foto anda. Jika anda tidak mau menambahkan deskrepsi foto mak hapuslah DESKRIPSI FOTO DISINI.
6. Untuk mengubah interval waktu antara slide selanjutnya dan sebelumnya kemudian edit 2500