Cara Mudah Membuat Slide Foto di Blog

Advertisement

[Penghuni 60] Apakah Anda pencinta foto? Sehingga saking cintanya Anda terhadap foto, Anda pun sering berbagi koleksi foto-foto Anda itu di blog pribadi Anda. Sayangnya, penempatan foto yang terlalu banyak itu akan memperlambat loading blog kita, sehingga jika koneksi internet sedang bermasalah, maka tidak semua foto dapat terbuka secara sempurna.

Penempatan foto pada blog juga dapat menghabiskan banyak tempat. Sehingga kurang begitu baik. Untuk itu kita harus bisa menyiasatinya agar meskipun banyak foto yang kita pajang namun tidak berkesan memenuhi tempat di blog.

Nah, cara yang terbaik adalah dengan menggunakan slide.

Baca Juga:

• Dapat 100 Dollar Sehari dari Google Adsense 
• Cara Mudah Untuk Mengatasi Bau Mulut 
• "7 Strong Men" Misteri 7 Batu Raksasa Ajaib 
• Ilmuwan Ini Tidak Potong Rambut Satu Dekade

Dengan memakai slide, kita bisa menampilkan banyak foto hanya dalam satu tempat saja, foto tersebut akan dimunculkan secara bergantian satu persatu. Memang untuk melihatnya, kita harus menunggu agak lama, tapi setidaknya cara ini bisa menghemat tempat di blog.

Bagi Anda yang ingin memasang slide foto di blog ataupun bisa juga digunakan untuk pemasangan banner iklan dan lain-lain yang berupa gambar, silahkan ikuti langkah-langkahnya di bawah ini:

• Login ke akun blogger Anda

• Copy paste kode di bawah ini ke tempat yang Anda inginkan untuk menampilkan slide fotonya. Jika ingin ditampilkan di postingan, maka paste di dalam postingan, jika ingin di tampilkan di luar postingan, maka gunakanlah widget. Silahkan copy kode script di bawah 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: 130px;
height: 169px;
overflow: hidden;
margin:0 auto;
}
#content-slider img {
display: block;
width: 130px;
height: 169px;
}
</style>
<div id="content-slider" onmouseover="this.stop()">
<img src="URL GAMBAR 1" border="0" width="130" height="169" />
<img src="URL GAMBAR 2" border="0" width="130" height="169" />
<img src="URL GAMBAR 3" border="0" width="130" height="169" />
<img src="URL GAMBAR 4" border="0" width="130" height="169" />
</div>

• Setelah Anda paste, jangan lupa ganti tulisan "URL GAMBAR" berwarna kuning dengan URL gambar foto Anda lalu simpan, atau publish untuk yang menempatkannya di postingan.

• Untuk ukuran width(lebar) dan height(tinggi) berwarna biru bisa Anda ganti sesuai selera Anda

• Selesai

Mudah bukan? Selamat mencoba.

*******

---

---

---

Artikel Menarik Lainnya: