Jumat, 15 Juni 2012

Cara Membuat Recent Post Berjalan Di Blog


Membuat Recent Post Berjalan adalah salah satu tips untuk mempercantik tampilan blog. Recent post merupakan postingan terbaru pada suatu blog. Terkadang recent post sangat diperlukan, hal ini dapat mempermudah pembaca blog untuk melihat postingan terakhir/terbaru pada blog kita. Apalagi jika tampilan recent post itu bagus, berganti-ganti dan naik turun.

Membuat Recent Post Berjalan sebenarnya sudah disediakan oleh blogger sendiri, tetapi sangat sederhana dan tampilannya pun tergantung pada template yang dipakai. Namun jika dengan cara ini, hasilnya saya rasa lebih memuaskan. Apakah harus otak-atik kode script / bahkan otak-atik script template? Anda hanya cukup copy paste aja cara yang akan saya berikan berikut. Tinggal ganti URL blog anda aja, selesai.

Langkah Membuat Recent Post Berjalan sebagai berikut :
1. Masuk akun blogger anda
2. Pilih tata letak
3. Tambah Gadget
4. Javascript / HTML
5. Copy dan pastekan kode berikut di kotak Javascript / HTML tadi.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:253px;
}
#spylist ul{
width:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:298px;
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 = "komentar";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " "; 
numposts = 5; 
home_page = "http://www.anasqu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript"></script></div>

6. Simpan.

Keterangan : Numbpost adalah jumlah postingan terakhir yang ingin anda tayangkan. Sedangkan home_page adalah URL blog anda sendiri.

Tanyakan di kotak komentar jika belum faham. Insya Allah saya balas.
Wassalam

Artikel Terkait

1 komentar:

Noprianto mengatakan...

thanks,berasil dicoba,
pokonya Kreen......... !!!

Posting Komentar

Silahkan Komentar Dengan Etika Dunia Online. Untuk Mendapatkan Backlink, Tinggalkan link anda di Menu Tukar Link