Cara Menampilkan Slide Gambar Di Blog

Cara Menampilkan Slide Gambar Di Blog
Cara Menampilkan Slide Gambar Di Blog ~ Bagi blogger pemula yg ingin tampilan blognya terus berubah seperti blog Jambogh Kita, setiap waktu luang pasti dimanfaatkan untuk mencari informasi-informasi tentang mempercantik suatu blog. Blog Jambogh Kita di daftarkan di Blogger.com sekitar awal bulan Juli 2011, sampai hari ini sudah banyak bagian yg di utak atik seperti: header blog, template blog, pindah-pindah gadget dan lainnya. 

Kembali saya share pengalaman Cara Menampilkan Slide Gambar Di Blog di Jambogh Kita, sebelumnya sudah di posting dengan menggunakan fungsi marque, memanfaatkan situs slide show, dan situs flashvortex, kali ini caranya sedikit repot tetapi hasilnya pasti memuaskan, agar lebih semangat membacanya silakan lihat dulu hasil dari panduan  Cara Menampilkan Slide Gambar Di Blog  ini (Silakan Ke  "BERANDA Jambogh Kita" atau klik  "Jendela Medan").

Untuk memulai  Cara Menampilkan Slide Gambar Di Blog, Langsung saja masuk ke dasbor blog kita, lalu pilih template kemudian klik edit HTML.

Cari Kode </head>

Copy kode script di bawah ini dan Paste kan sebelum kode </head>



NB:
Kita bisa mengedit bagian-bagian tertentu seperti contoh di bawah ini (*warna merah) agar tampilannya serasi dengan template kita (ukuran, warna dll), sehingga panduan  Cara Menampilkan Slide Gambar Di Blog  ini tidak mengecewakan kita.

ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}

Untuk melihat hasil  Cara Menampilkan Slide Gambar Di Blog  yang sudah diedit, kita dapat melihat contoh tampilannya di SINI, untuk pilihan warna silakan klik Kumpulan Kode Warna, jangan lupa klik simpan/save template.

Setelah itu, untuk melengkapi  Cara Menampilkan Slide Gambar Di Blog, selanjutnya kita buat entri baru atau gadget baru pada laman HTML/Java Script, lalu copas kode di bawah ini.
 
Note:
  1. Ganti tulisan pagar "#" dengan url yang diinginkan, contoh: http://www.jamboghkita.com/2012/04/cara-menampilkan-slide-gambar-di-blog.html
  2. Ganti seluruh url gambar pada <img src="http:// . . . .> sesuai dengan url foto/image yg ingin kita tampilkan, silakan kunjungi Halaman Ini jika masih bingung
  3. Sesuaikan judul gambar yang terdapat pada title
  4. Sesuaikan keterangan gambar pada alt
Demikian panduan "Cara Menampilkan Slide Gambar Di Blog"  ini disharekan di Jambogh Kita, semoga bermanfaat untuk menambah wawasan khususnya dalam memperindah tampilan blog kita.

"Cara Menampilkan Slide Gambar Di Blog"  ini termasuk dokumen terkontrol di Jambogh Kita. Sebelum di update hari ini (17/05/2013) untuk mendapatkan (izin Copas) kode scriptnya harus mengunjungi halaman Cara Menampilkan Gambar Berganti-Ganti Di Blogspot. Setelah panduan ini di update, maka kode cara menampilkan slide gambar di blog ini langsung bisa di copy.

Gambar Datok Aghas Hijaoe Terima kasih sudah membaca “Cara Menampilkan Slide Gambar Di Blog” Ini, Silakan Berbagi Dan Rekomendasikan Informasi Ini Kepada Yang Lain Melalui:

sebelum mendapatkan informasi lainnya melalui kotak penelusuran berikut ini :

* Gunakan Browser Google Chrome