Cara Membuat Slide Show di blog

TUTORIAL

Sob Silahkan coba kode di bawah ini mungkin saja
bisa bermanfaat bagi kalian semua

mungkin dengan adanya slide show di blog sobat semua akan terlihan indah oleh pengunjung situs sobat
ikutu langkah langkahnya di bawah ini


Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut 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.

Bagikan

Jangan lewatkan

Cara Membuat Slide Show di blog

4/ 5

Oleh Aris Yudistira

Aris Yudistira Komentar