Membuat slide gambar di postingan blog

Membuat slide gambar di postingan blog

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 !.

download now

download