Cara Mudah Membuat Dan Memasang Foto Slide Show pada gadget Blog


Kondisiku malam ini betul" lagi suntuk, di karenakan lamaranku pingin jadi mantunya simbah Google Adsanse DI TOLAK man !!! tapi ya aku maklumi, yang aku lamarkan memang blog aku yang satunya yang penuh dengan artikel music, yang sudah pasti mengandung Hak Cipta. Okey lahh, tidak usah banyak curhat aku ini, biarlah tidak jadi menantu mbah GA pada blog music aku.

Untuk cara mudah membuat dan memasang foto slide show di blog, ikuti langkah jalan maupun lariku yang agak cepat ini, capek dechhh.

Pertama usahakan siapkan foto banyak yang sudah kamu samakan size'nya. maksud aku bukan kapasitasnya loh, tapi size panjang lebarnya. misal kasih contoh size 300 x 300, 300x220 jadi ya samakan dulu ukuran tuk semua foto yang mau kamu upload tuk persiapan foto slide show.
Intinya : nanti setelah kamu pasang tuh foto buat slide show, tampilanya bisa Ganteng, oke, tidak acak"an kaya muka aku. wahhh... nyelonong lagi nih keyboard. bisa kamu upload pada Laman (New/edit) Pos (New/edit) yang penting foto udah nempel kaya prangko, dan tidak ingin segera you hapus. gitu aja kok repot kata eyang gusdur.

Langsung menuju ke TKP, Tempat Kekejaman and Penderitaan kata emak.
  • Login ke blogger dulu.
  • Klik Tata Letak.
  • Tambahkan Gadget.
  • Pilih HTML/JavaScript.
  • Setelah Terbuka : copy code di bawah, lalu paste kan.
  • Jika kamu sudah paste kan, dan mau edit dulu sampai beres silahkan, atau mau di simpan dulu dengan tampilan yg belum sempurna, dan kembali edit pada HTML/JavaScript gadget yg barusan tersimpan, jika editan kamu selesai coba buka blog tampilanya sudah oke belum, jika dah oke berarti pekerjaan rumah tanggamu sudah beres.
Keterangan Kode :

<center> dan </center> untuk memposisikan tampilan tepat di tengah. (tidak di pakai/hapus tidak masalah, tapi posisi gambar tidak tepat di tengah")

Di sini Isi Url Untuk Tujuan Klik Ke Alamat Url = untuk tujuan jika di klik foto atau gambar, maka dia akan meluncur ke Link / URL yang anda tempelkan,

target="_blank" sebagai perintah open new tab. jadi bila foto di klik maka akan meluncur ke alamat yang otomatis buka tab baru.

width : 300px = nilai 300 untuk kelebaran kiri kanan (silahkan di ubah sesuai situasi dan keinginanmu)

height:168px = nilai 168 untuk panjang atas bawah (silahkan di ubah sesuai situasi dan sesukamu)

#fFFFFF = kode warna pada tampilan background foto slide show (silahkan ubah kode warna sesuai selera kamu, cari di brows)

URL IMAGE KE 1 sampai URL IMAGE TERAKHIR = URL/link alamat foto yang sudah di upload di blog kamu yang hendak di tampilkan pada slide show.

Untuk cara mendapatkan URL IMAGE, cukup klik foto di blog kamu yang tadi di upload, klik kanan, dan salin alamat gambar paste tepat pada URL IMAGE

Jika ingin menambahkan foto lebih banyak. silahkan copas, "URL IMAGE", (copy dari " sampai tanda koma , ) tempel dan posisikan di atas atau sebelum

"URL IMAGE TERAKHIR" (ini sebagai image penutup tidak ada koma , )

1000 = detik waktu pergantian foto slide show. (1000 di artikan 1 detik, jadi rubah 2000, 3000, dst sesuai seleramu)

<a href="Disini Isi Url Untuk Tujuan Klik Ke Alamat Url" target="_blank">
<center>
<style type="text/css">
#slideshow {
  width: 300px;
  height: 168px;
  background-color: #FFFFFF
  margin:1 auto;
}
#slideshow img {display:block;}
</style>
<div id="slideshow">
</div>
<script type="text/javascript">
//<![CDATA[
(function() {
    var container = document.getElementById('slideshow');
    var slide = [
     
"URL IMAGE KE 1",
"URL IMAGE KE 2",
"URL IMAGE KE 3",
"URL IMAGE KE 4",
"URL IMAGE KE 5",
"URL IMAGE TERAKHIR"
                ];
    var count = 0;
    setInterval(function() {
        container.innerHTML = "<img src='"+slide[count]+"' alt='Slide "+(count+1)+"'>";
        count++;
        if (count == slide.length) {
            count = 0;
        }
    }, 1000); //
})();
//]]>
</script>
</center>
</a>

Jika ingin merubah letak Tampilan Slide Show baik dari dan ke Header/sidebar/footer tarik gadgetnya yg tadi dan geser sampai posisi yg kamu inginkan. Jika sekiranya sudah cukup, Klik simpan. jangan lupa cuci tangan terus pakai baju. ehh kagak nyambung banget ya.

Good Night
Note : Jika ada masalah terkait content di blog ini, Silahkan anda menghubungi kami Di Contact ini.