Cara Mudah Membuat Slide Show Foto di Blog

Bicara soal foto, saat ini semua orang pasti ingin berfoto dan ingin melihat gaya-gaya orang lain difotonya, fenomena ini memang sudah menjadi tradisi sepertinya, bukan hanya dikota tapi sudah sampai ke seluruh pelosok-pelosok, Nah apa sich hubngannya foto dengan blogger? Ya tentu saja ada kadang kala orang-orang yang berkunjung ke blog kita mungkin akan mencari keindahan yang ada di blog kita, jika dya melihat di blog itu gambar mungkin banyak pisitor kita yang kabur dan gak mau datang lagi ntar, karna itu sama saja seperti sayur tanpa garam, rasanya hambar :D
Karena foto yang akan kita buat diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.  Slide show bisa digunakan untuk menampilkan foto liburan yang banyak sekali, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.
bagaimana anda tertarik untuk membuatnya? Kalau anda mulai tertarik saatnya kita menuju ke TKP :P

Caranya seperti ini:

 1. Login ke blogger 

2. Pilih Tata Letak kemudian Tambah Gadget 

3. Pilih HTML/JavaScript

 4. Masukan kode HTML 

        berikut ini:

  <script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script> <script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#content-slider').cycle({ fx: 'fade' }); }); </script> <style type="text/css"> #content-slider {    position: relative;    width: 100%;    height: 250px;    overflow: hidden;    margin:0 auto; } #content-slider img {    display: block;    width: 100%;    height: 250px; } </style> <div id="content-slider"> 

<img src="URL Foto 1" />

 <img src="URL Foto 2" />

 <img src="URL Foto 3" />

 <img src="URL Foto 4" /> </div> 

 5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)

 6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya. 

     Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.

 7. Simpan jika sudah selesai. 

 

Bagaimana gampangkan? bagi yang berminat untuk mencoba silahkan dipraktekkan langsung (y)