Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. orang akan lebih hafal dengan gambar dari pada tulisan.
Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.
Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, 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 di upload (di hosting) dan kita bisa memanfaatkan post blogger, picasa, photobucket, dan lain sebagainya.
Melalui HTML/JavaScript :
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
» Gambar Slide Show Ke Samping :
<marquee direction="left" onmouseover="this.stop()" scrollamount="3" onmouseout="this.start()">
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/310574_475863049111611_540974685_n.jpg?oh=ec44c748b931734e28338ddf262038fe&oe=54BB9FEE&__gda__=1422021628_9ddeca0e0f43ca1f588d6728e6a8020d" width="185" height="130">
<img src="https://scontent-a-sin.xx.fbcdn.net/hphotos-frc3/v/t1.0-9/599642_428069263890990_121006267_n.jpg?oh=7997eba4715bb7e0d72786c133aebccf&oe=54B73E4C" width="185" height="130">
<img src="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/481282_438776409486942_1664049833_n.jpg?oh=463d881ded6d339c8f18a62bdc6858ba&oe=54C0A27D&__gda__=1421971444_abe406a2b16a39bc87fb0568485c2b20" width="185" height="130">
<img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xaf1/v/t1.0-9/318057_428155640549019_804778507_n.jpg?oh=e454fa3096b2470303722cd16229a1b5&oe=54B2932D&__gda__=1420991740_bf37f67a865c4602bdff06ea491737e8" width="185" height="130">
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-prn2/v/t1.0-9/540473_422206887810561_1264834233_n.jpg?oh=0f52a1a7922ba9e4d9d846ff7bd46019&oe=54AA4DC4&__gda__=1425189778_70071faf471a6263f8adbbea5497e168" width="185" height="130">
</marquee>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-widget-gambar-slide-show-di-blog.html" target="_blank">Mau Seperti Ini?</a></small>
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/310574_475863049111611_540974685_n.jpg?oh=ec44c748b931734e28338ddf262038fe&oe=54BB9FEE&__gda__=1422021628_9ddeca0e0f43ca1f588d6728e6a8020d" width="185" height="130">
<img src="https://scontent-a-sin.xx.fbcdn.net/hphotos-frc3/v/t1.0-9/599642_428069263890990_121006267_n.jpg?oh=7997eba4715bb7e0d72786c133aebccf&oe=54B73E4C" width="185" height="130">
<img src="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-xfa1/v/t1.0-9/481282_438776409486942_1664049833_n.jpg?oh=463d881ded6d339c8f18a62bdc6858ba&oe=54C0A27D&__gda__=1421971444_abe406a2b16a39bc87fb0568485c2b20" width="185" height="130">
<img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xaf1/v/t1.0-9/318057_428155640549019_804778507_n.jpg?oh=e454fa3096b2470303722cd16229a1b5&oe=54B2932D&__gda__=1420991740_bf37f67a865c4602bdff06ea491737e8" width="185" height="130">
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-prn2/v/t1.0-9/540473_422206887810561_1264834233_n.jpg?oh=0f52a1a7922ba9e4d9d846ff7bd46019&oe=54AA4DC4&__gda__=1425189778_70071faf471a6263f8adbbea5497e168" width="185" height="130">
</marquee>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-widget-gambar-slide-show-di-blog.html" target="_blank">Mau Seperti Ini?</a></small>
Keterangan :
- marquee direction="left" adalah gerakan slide show, silahkan kamu ganti dengan selera yang kamu mau.
- left (Kiri), right (Kanan).
- Warna fuchsia adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau.
- width="185" adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.
- height="130" adalah ukuran tinggi, silahkan kamu ganti dengan selera yang kamu mau.
5. Simpan Pengaturan.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.
█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.
█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno
Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.
Saat ini kamu sedang membaca artikel tentang Cara Membuat Widget Gambar Slide Show Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke.
/bawi
/bo
/gawi
/!
/?
/...
/$
/ho
/lv
/swt
/ic
/an
/ag
/thx
/heh
/wah
/sry
/hmm
/no1
/ok
/omg
/oh
/X
/hlp
/go
/sob
/gg
/kis
/pif
/rice
/meh
/shy
/slur
/com
/yawn
/grat
/fsh
/spin
/sigh
/dum
/otl
/hum
/abs
/oops
/spit
/ene
/panic
/whisp
Tidak ada komentar:
Posting Komentar
███████████████ Peraturan Berkomentar Di Blog Ini :
» Berkomentarlah dengan baik dan sopan.
» Dilarang spam, SARA, pornografi, junk, dan sebagainya.
» Jangan membuat keributan/kekacauan.
» Jangan mencantumkan LIVE LINK di komentar ini.
» Kalau kamu ingin copy-paste dari blog ini ke blog kamu (harap cantumkan LINK SUMBERNYA).
» Jika kamu melanggar salah satu peraturan tersebut, maka komentar kamu akan saya hapus dari blog ini.
███████████████ Terima kasih atas pengertian, kunjungan dan pesannya.
» Pengunjung yang baik itu adalah yang meninggalkan komentar, walaupun itu hanya ucapan "Terima Kasih".