Memasang Gambar SlideShow Di Template Blog Wapblog, Blogger, Wordpress

13 Aug 2016 15:32 • Post By

Memasang Gambar SlideShow Di Template Blog Wapblog, Blogger, Wordpress

Memasang Gambar SlideShow Di Template Blog Wapblog, Blogger, Wordpress - Jika kamu hobi dengan menggunakan blog baik di blogger, mwb, wapblog.id atau dimanapaun pasti ingin memberi tampilan yang bagus untuk situs kamu, dengan menggunakan gambar dengan efek slideshow mungkin akan menambah kecantikan situs blog kamu.

Tidak hanya indah dipandang melainkan efek slideshow akan mempermudah visitor mengingat situs kamu supaya mereka iri untuk membuat efek gambar seperti di situsmu.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online atau foto pribadi lainnya. 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 wapblog.id , Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog.

1. Login saja langsung di wapblog.id.
2. Pergi ke halaman Template => Pilih Menu (Sesuai kemauan kamu dimana mau di letakkan).
3. Lalu copy code dibawah 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.
7. 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.

Jangan lupa Subscribe ya !!

Memasang Gambar SlideShow Di Template Blog Wapblog, Blogger, Wordpress | Tutorialku.Net | 4.5