Cara Membuat Slide Foto Di Blog

Codi Seven - Sebuah blog kalau tampilannya biasa saja dan tidak ada menariknya pasti membosankan tidak hanya visitor namu kiapun bisa bosan kalau melihat blog sendiri. Maka dari itu saya akan memberikan trik sederhana untuk sedikit memperindah blog kalian yaitu degan menambahkan Slide Show atau gambar bergerak bergantian. Berikut caranya

1. Login ke Blogger degan akun kalian
2. Masuk menu Layout ( Tata Letak )
3. Klik tambahkan Gadget dimana kalian akan menaruh Slideshow foto nanti
4. Pilih HTML/Java Script
5. Copy dan pastekan Code script berikut 
6. -------------------------------------------------------------------------------------------------------------------
7. <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: <b>250</b>px;
   overflow: hidden;
   margin:0 auto;
   }
   #content-slider img {
   display: block;
   width: 100%;
   height: <b>250</b>px;
   }
   </style>
   <div id="content-slider">
   <img src="<span style="color: #ff0000;">Link Gambar 1</span>" />
   <img src="<span style="color: #ff0000;">Link Gambar 2</span>" />
   <img src="<span style="color: #ff0000;">Link Gambar 3</span>" />
   <img src="<span style="color: #ff0000;">Link Gambar 4</span>" />
   </div>
8. -------------------------------------------------------------------------------------
9. Kemudian 
10. <img src="<span style="color: #ff0000;">Link Gambar #</span>" /> itu ganti degan link gambar yang kalian sukai kalian juga bisa mengganti degan gambar kalian sendiri. Tapi kalian haru Upload gambar kalian dahulu
    Note:* gambar jangan yang berukuran terlalu besar dan sesuaikan degan ukuran diatas
11. kalian bisa mengatur tinggi dan lebarnya sendiri pada syntact Height/Width
12. Selesai dan kita klik pratinjau kalau sudah benar kita klik save dan lihat blognya.