Cara membuat recent Post dengan effek slideshow

kamu liat widget blog saya ini yang berjudul recent updates? nah mungkin akan seperti itulah tutorial blogger yang akan saya berikan sekarang.

Recent post atau recent Updates adalah kumpulan post terbaru yang kamu buat biasanya akan menampilkan 5 atau 10 post terbaru, nah yang sudah kepengen widget seperti itu nempel di blog kamu akan saya bagikan scriptnya secara gratis oke broo...

copy script kode ini di widget kamu dengan mode HTML/Javascript :

<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:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:285px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:75px;
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:11px;
color:#b40606;
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;
}

.spysummary{
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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjzCTL3DcQEkFHcllEdV5LKINtiOKHP7vGpOU65D4_-MIUlbmAl5feDtrv7up63IkTRgYQFe6mSm6_uz8zq9hyphenhyphenc3rg4NnUOcAXNeQSqJ3274_-37r7rk_dwsVklZOR_u9SFPy-ARTQ6PUK/s1600/favicon.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjzCTL3DcQEkFHcllEdV5LKINtiOKHP7vGpOU65D4_-MIUlbmAl5feDtrv7up63IkTRgYQFe6mSm6_uz8zq9hyphenhyphenc3rg4NnUOcAXNeQSqJ3274_-37r7rk_dwsVklZOR_u9SFPy-ARTQ6PUK/s1600/favicon.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjzCTL3DcQEkFHcllEdV5LKINtiOKHP7vGpOU65D4_-MIUlbmAl5feDtrv7up63IkTRgYQFe6mSm6_uz8zq9hyphenhyphenc3rg4NnUOcAXNeQSqJ3274_-37r7rk_dwsVklZOR_u9SFPy-ARTQ6PUK/s1600/favicon.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjzCTL3DcQEkFHcllEdV5LKINtiOKHP7vGpOU65D4_-MIUlbmAl5feDtrv7up63IkTRgYQFe6mSm6_uz8zq9hyphenhyphenc3rg4NnUOcAXNeQSqJ3274_-37r7rk_dwsVklZOR_u9SFPy-ARTQ6PUK/s1600/favicon.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjzCTL3DcQEkFHcllEdV5LKINtiOKHP7vGpOU65D4_-MIUlbmAl5feDtrv7up63IkTRgYQFe6mSm6_uz8zq9hyphenhyphenc3rg4NnUOcAXNeQSqJ3274_-37r7rk_dwsVklZOR_u9SFPy-ARTQ6PUK/s1600/favicon.png";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 100;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

showSummaryPost = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 8;

home_page = "http://www.edikomputer.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://file.edikomputer.com/js/recentpostslide.js' type='text/javascript'></script>

Keterangan :

• numposts = 8; adalah jumlah post terbaru yang di tampilkan kamu bisa ganti angkanya sesukamu
• Ganti tulisan warna merah dengan url blog kamu kemudian save dan lihat hasilnya

Anda baru saja membaca artikel yang berkategori blogger dengan judul Cara membuat recent Post dengan effek slideshow . Anda bisa bookmark halaman ini dengan URL http://sisatruk.blogspot.com/2012/11/cara-membuat-recent-post-dengan-effek.html .

Artikel Terkait blogger

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5