Cara Membuat Slideshow Postingan Blog

Cara membuat slide show pada halaman blog untuk membuat blog akan tampil lebih menarik dan memudahkan pengunjung menyusuri daftar isi pada blog yang kita buat.

Untuk anda yang tertarik membuatnya, silahkan ikuti langkah-langkanya berikut ini :

1. Login terlebih dahulu pada blog sobat.
2. Klik bagian Tata Letak/Layout.
3. Kemudian pilih Tambah Gadget.


4. Pilih HTML/Javascript.
5. Lalu copy kode script di bawah ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:220px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#fff url (http:// i879.photobucket.com /albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#4B545B; font-size:11px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #spylist li img { float:left; margin-right:5px; background:#EFEFEF; border:0; } .spydate{ overflow:hidden; font-size:10px; color:#0284C2; padding:2px 0px; margin:1px 0px 0px 0px; height:15px; font- family:Tahoma,Arial, verdana, sans-serif; } .spycomment{ overflow:hidden; font- family:Tahoma,Arial, verdana, sans-serif; font-size:10px; color:#262B2F; padding:0px 0px; margin:0px 0px; } -->
</style>
<script language='JavaScript'> imgr = new Array(); imgr[0] ="http://i43.tinypic.com/orpg0m.jpg"; imgr[1] ="http://i43.tinypic.com/orpg0m.jpg"; imgr[2] ="http://i43.tinypic.com/orpg0m.jpg"; imgr[3] ="http://i43.tinypic.com/orpg0m.jpg"; imgr[4] ="http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor ="#232c35"; bgTD ="#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor ="#666"; aBold = true; icon = " "; text ="comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page ="http://dbugiest.blogspot.com /"; limitspy=4 intervalspy=4000 </script>
<div id="spylist"> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'>
</script>
</div>

6. Ganti Url berwarna merah dengan Url Anda .

Semoga berhasil !!

Artikel Terkait Blogging

• Cara Menambahkan Gambar Background Pada Blog
• Cara Membuat Tombol Share Melayang di Blog
• Cara Menambahkan Google Analytics di Blogger
• Cara Membuat Slideshow Postingan Blog
• Cara Mengetahui Blogger Sekota atau Sedaerah
• Cara Membuat Spoiler di Blog
• Cara Membuat ReadMore Otomatis di Blogger
• Cara Bikin Kotak Dengan Sudut Melengkung
• Cara Mudah Membuat Menu Tab View di Blogspot
• Cara Mudah Menghilangkan Read More Otomatis Pada Laman Blog
• Membuat Icon Burung Twitter Berterbangan di Blog
• Cara Menambah Gambar Sebelum Judul Posting
• Cara Membuat Footer 3 Kolom di Blogger
• Cara Mengganti Template Blog
• Cara Membuat Blog agar SEO Friendly