CARA MEMASANG SLIDE SHOW DI BLOGGER

CARA MEMASANG SLIDE SHOW DI BLOGGER

Semua yang saya tuangkan dalam Blog ini yang berupa Tip, Triks atau cara membuat sesuatu berkenaan dengan ngeblog, semua saya share karena sudah saya praktekan dan bahkan sebagian dapat dilihat didalam blog ini.

Seperti Slideshow ini yang sebenarnya sudah tidak asing lagi didengar. Slideshow adalah tampilan objek berupa foto, video dan objek lainnya yang saling bergantian dalam waktu tertentu secara terus menerus. Biasanya bagi para blogger, slideshow ini dibuat untuk mempercantik tampilan blog sehingga tampak begitu elegan dimata pengunjung

Untuk memasang slideshow di blog sebenarnya sederhana caranya. Anda hanya perlu sedikit sentuhan dan merubahnya agar tampak lebih mantap. Bagi para blogger khususnya pemula seperti saya, saya akan coba membagikan caranya. Yang sudah saya coba adalah di blogspot.com, untuk di wordpress.com pasti tidak jauh beda, berikut  :

1.         Login ke blogger

2.         Pada Dashboard blog, pilih Tata Letak

3.         Tambahkan gadget > Pilih HTML/Java Script

4.         Copy kode HTML berikut dan paste ke dalam kotak konten HTML tersebut

<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: 250px;    height: 250px;    overflow: hidden;    margin:0 auto; } #content-slider img {    display: block;    width: 250px;    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 tulisan yang berwarna merah dengan link gambar milik Anda

6.         Anda bisa menambahkan banyak gambar lagi sesuai dengan keinginan anda dengan cara menambah kode HTML berikut, dan seterusnya

<img src="URL FOTO 5" />

Simpan dan lihat hasilnya. Jika belum berhasil, ulangi lagi sampai benar-benar berhasil karena cara ini masih valid dan dapat digunakan

Anda dapat melihat contohnya di Blog saya.

Selamat mencoba….. Semoga Berhasi !!!

Obyek berupa Photo, Video, atau obyek yang lain dapat anda upload diblog langsung atau tempat biasa anda menguploadnya