Membuat Slide Gambar di Postingan Blog

Tersatu.com - Membuat slide gambar di postingan blog adalah postingan kali ini. Slide show dibawah merupakan contohnya.

 

Slide Show ini bisa di tempat di postingan blog, tetapi jika sobat menginginkan ditempatkan di bagian atas blog antara header dan judul postingan bisa saja.

Nah untuk membuat slide gambar seperti ini langkahnya adalah sebagai berikut:

• Siapkan URL Gambar yang ingin dijadikan slide, artinya gambar sudah di upload, atau gambar yang sudah disertakan dalam postingan sebelumnya. Jumlah gambar bisa disesuaikan sesuai dengan kebutuhan.

Caranya klik kanan pada gambar yang akan dijadikan slide, klik "copy image location "

• Silahkan copy kode html berikut, dan pastekan di bagian HTML pada area Postingan ( jika ingin menempatkan di dalam postingan) atau di Tata letak Gadget html ( jika akan menempatkan di luar postingan )

<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 gambar" /> <img src="url gambar" /> <img src="url gambar" /> <img src="url gambar" /> </div>

3. Silahkan ganti tulisan "url gambar" dengan url gambar yang sudah disiapkan.

4. Publish dan liat hasilnya. Jika berhasil silahkan tepuk tangan ..! ha ha . . .

Jadi demikianlah, cara #membuat slide gambar di postingan, semoga membantu. Jika dirasa ada yang kurang jelas, silahkan tuliskan di kolom komentar. Ok sobat selamat mencoba !.

Berbagi :