Slideshow - Menambahkan Slideshow Foto Pada Blo

Menampilkan Slideshow Foto Pada Blogger – Berawal dari ketertarikan saat melihat tampilan slideshow foto kala sedang blogwalking. Hal ini mendorong saya untuk mencari tahu bagaimana cara membuat yang seperti itu untuk ditampilkan pada laman Foto Galeri blog saya.

Setelah search di oM Google ternyata banyak cara untuk menampilkan sebuah slideshow.

1. Fitur dari Blogger dengan Widget slideshow

Kalau di Blogger bisa memanfaatkan fasilitas Widget Slideshow. Secara singkatnya seperti gambar dibawah ini :

Pertama Log In dulu ke blogger >>pilih blog >>Masuk ke Dashboard>>Menu “TataLetak”>>"Tambahkan Widget” (letaknya tergantung keinginan)>>”Tambahkan Slide”.

Selanjutnya tinggal melakukan penyesuaian dari mulai

    Judul           : Judul Slide shownya
    Sumber       : Sumber dari foto yang akan ditampilkan.
    Pilihan         : ada Kata kunci dan album
    Kata Kunci  : Isikan kata kunci yang berhubungan dengan foto atau sassaran kata dari mesin pencarian.
    Kecepatan   : untuk mengatur kecepatan transisi ada lambat,menengah dan cepat
    Pilihan         : “Buka Link di Jendela Baru” untuk menampilkan di tab baru ketika di Klik dan yang satu lagi untuk menampilkan secara acak.

Cating :

Kelebihan Widget ini lebih simple dan cepat dilakukan. Kekurangannya tidak ada setingan ukuran tampilan jadi tetap bawaan dari blogger. Kecuali jika melakukan setingan dari codingnya.

2. Fitur dari Blogger dengan Menggunakan Widget Javascript.

Menampilkan slideshow dengan penambahan bahasa javascript langkah-langkahnya hampir sama deperti di atas. Hanya bedanya dibagian

Tambah Widget pilih>>Javascript>>paste-kan kode javascript nya.

saya ambil contoh dari blog Kucopas :

<marquee direction="”up”" onmouseout="”this.start()”" onmouseover="”this.stop()”" scrollamount="”3″">
<img height="”120″" src="”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYX3Mh9Kfm73_bsnPR5BBfEPs4VTx3hABidBzL1nCZEMrUgazxWCqKQE1IkzdXvgq9QhB9Vl6wP0HS4HBbebbBQnf8LJnTj0FQ1MKrEvMHjphWbHj09-ETR7K2hnwJZfFb2NeH-lBt-bg/s1600/PINK1.jpg”" width="”120″" /><br />
<img height="”120″" src="”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCEKlFQLZzuyjzDsbe7hXESClkCn9eh4aP8LbgwTywZzXglN5o9tIOELR-CGrtlcM13kqNqqWuwMEYWPmLBKrLkwV0tquzajPXl5jM8u7VDDmVehD2Xh6w5-PB4E6fZkG5GP2El0sImg0/s1600/HT3.jpg”width=“120″" /><br />
<img height="”120″/" src="”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijP7uI4E8TI39-HIdEATjod51QQc9GdMdCB7HcTRF9-WAtixEGRebE-pgjeAP2codgy8c429-f58LO6hbBFUgpu-7eHif1RhrRBztevd_8B4dJRUoIjA6paz8jHhaQadcWLcnvyt82FEs/s1600/sonal_chauhan.jpg“" width="”120″" /></marquee>

Keterangan :

Perhatikan pola warna pada setiap teks.

• Yang diberi warna Merah adalah alamat URL dari gambar atau foto image. Silahkan diganti dengan alamat url dari foto yang mau ditambahkan pada slideshow.
• Sedangkan yang diberi warna Biru, width=”120″ dan height=”120″ adalah ukuran Lebar dan Tinggi image gambar atau foto. Silahkan  atur nilainya sesuai dengan keinginan agar sesuai dengan widget blog. 
• <marquee direction=”up” adalah arah bergerak berjalan ke atas. Silahkan sobat ganti up jadi down jika ingin arah berjalan bergerak ke bawah.

    sumber : http://wp.me/p375jP-2j