Beranda » Blogger » Cara membuat Recent Post berjalan

Cara membuat Recent Post berjalan

Pge sobat portal blogger,sebelumnya udah pernah ane share tentang recent post berjalan tapi kali ini sangat berbeda karena sudah menggunakan thumbnail atau preview gambar kecil....
penasaran gmana caranya?langsung aja aksi ya...

Login ke akun blogger masing masing
Dari dashboard ke Rancangan
Klik Add Gadget/Tambah Gadget
Pilih HTML/Javascript
Masukkan kode berikut

<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:285px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:273px;
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 = 290;

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 = 15;

home_page = "http://portalblogger.co.cc/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Ganti http://portalblogger.co.cc/ dengan url blog sobat
Jika sudah silahkan klik Simpan
Lihat hasilnya

Sekian dan semoga bermanfaat portal blogger

Semoga artikel Cara membuat Recent Post berjalan dapat menambah wawasan Anda.Silahkan menyebar luaskan artikel ini, dengan meletakkan link dibawah ini sebagai sumbernya. <a href="https://ery-erdo.blogspot.com/2012/10/cara-membuat-recent-post-berjalan.html" target="_blank">Cara membuat Recent Post berjalan</a>