Mungkin sebelumnya saya sudah share tips/trik membuat Blog anda keren, nah.. kali ini saya akan share tips Membuat Recent post keren dan ringan pada Blog. Sebelum kita ke TKP saya jelaskan dulu apa itu recent post.
Recent post merupakan widget yang menurut saya wajib ada di blog. Sebenarnya dulu sudah ada defaultnya dari blogger tinggal dipasang saja namun sekarang di hilangkan ntah kemana. Kegunaan lain dari Recent post adalah menampilkan beberapa artikel sobat dari yang paling atas adalah yang paling baru. Dimana tujuannya tetap sama yaitu memberikan kemudahan untuk pengunjung mengetahui isi dari blog sobat dan update-tan terbaru dari sobat. Maka dari itu saya akan memberikan sobat langkah-langkah untuk membuatnya sendiri.
Oke langsung saja kita ke TKP.
1. Buka blogger.com.
2. Kemudian masuk dengan akun blog sobat.
3. Setelah itu pilih Tata Letak.
4. Lalu klik add gadget dan pilih HTML/Java Script.
5. Copy pastekan script dibawah ini pada kolom yang tersedia :
<div align="center">
<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:430px;
}
#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:black url(URL Gambar agan) repeat-x;
border:1px solid #000;
}
#spylist li a {
text-decoration:none;
color:white;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:transparent;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#6aa84f;
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:#6aa84f;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "URL Gambar agan";
imgr[1] = "URL Gambar agan";
imgr[2] = "URL Gambar agan";
imgr[3] = "URL Gambar agan";
imgr[4] = "URL Gambar agan";
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 = 15;
home_page = "
http://ufreesoft.blogspot.com/";
limitspy=5
intervalspy=5000
</script>
<div id="spylist">
<script src='http://alfiandikha.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
</div></div>
Nb : ganti tulisan yang berwarna merah dengan alamat Blog sobat.
6. Simpan dan lihat hasilnya pada Blog Sobat.
