Membuat Widget Slideshow Posting

Membuat Widget Slide Show Posting di Blog. Recent post atau sering disebut dengan postingan artikel terbaru. Recent Post sangat penting bagi blog kita, dengan recent post maka pengunjung blog dapat meengetahui artikel artikel terbaru di blog kita. Maksimalkan tampilan Blog Anda untuk mendapat pengunjung yang banyak.

Recent Post bisa ditampilkan dengan banyak ragam, salah satunya dengan Recent Post Slide Show. Recent Post Slide Show ini menggunakan tampilan thumbnail atau gambar, sehingga pengunjung blog kita bisa tertarik dengan artikel terbaru di blog kita.

Sehingga muncullah sebuah ide untuk memposting tentang cara membuat SlideShow di postingan. Banyak yang berminat memasang widget ini setelah melihat blog saya. Karena Slide tersebut memudahkan para pengunjung untuk membaca postingan apa yang menarik di blog kita. Karena di slide show tersebut bisa menampilkan gambar dari tiap postingan kita. Disertai Judul dan Komentarnya pula lagi yang ada di postingan tersebut. Jadi,... Apakah anda berminat juga untuk memasang Widget ini?

Cara memasang Widget / Gadget Slide Show Posting di Blogger, Wordpress, maupun Web

1. Anda terlebih dahulu Log In di Blog Anda
2. Setelah Masuk, pilih Rancangan or Tata Letak
3. Pilih Tambag Gadget
4. Kemudian Pilih HTML / Java Script
5. Setelah Itu Copy Script Kode HTML / Java Script yang Ada di Bawah ini ke Kolom Plugin gadget kode HTML / Java Script tadi

<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:550px;
}
#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";
imgr[5] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[6] = "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://Alamat URL Blog Anda/";
limitspy=6 
intervalspy=6000
</script> 
<div id="spylist"> 
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> <small><a href="http://adf.ly/ADAIw" target="_blank" title="Membuat Slideshow posting"> Widget Slideshow</a></small>

1. Lalu, Edit tulisan warna merah dengan Alamat URL Blog Anda
2. Terakhir, Klik Save
3. Dan lihat Blog Anda

Perhatian!!!

Jangan Lupa Untuk Mengubah Tulisan Warna Merah Menjadi Alamat URL Blog Anda


Jika Anda berminat silahkan Edit Width (Ukuran Lebar) dan Height (Ukuran Tinggi) sesuai dengan yang anda inginkan. Namun, Jika Anda tidak ingin repot repot mengubah ukurannya. Silahkan tinggal Copy Paste saja Script tadi. Tapi jangan lupa tulisan warna Merahnya di Ganti. OK,.....


Mudah Bukan,....
Semoga bisa menjadi manfaat untuk Anda Sekalian,....
Wassalam,.....