Hilmi
|
Senin, 22 Februari 2010
|
0 comments
Recent Post atau posting terbaru dan bisa juga Recent Comment atau komentar terbaru, merupakan widget tools yang sangat lazim digunakan buat sebuah web-blog di Blogspot maupun di WordPress dan bahkan semua website menggunakan tools ini. Kegunaannya tidak lain adalah menampilkan beberapa postingan terbaru atau komentar terbaru, mungkin bisa 5 sampai 10 postingan atau komentar terbaru. Cukup lumayan banyak untuk widget tools ini disajikan oleh mereka para blogger yang kreatif, baik yang statis (tidak bergerak) hingga yang dinamis (bergerak) dan dari yang hanya menampilkan tulisan saja hingga dapat mengkombinasikannya dengan image. Semua ini bukan saja untuk memperindah blog teman, tetapi manfaat lainnya bisa dirasakan seperti kalau kita menggunakan recent post yang dinamis misalnya, dan diletakkan di bagian kanan atas. Hal ini akan membuat blog kita terus ter-update karena kegunaan dari tools recent post yang dinamis, begitulah kira-kira.
Berikut ini ada beberapa pernak-pernik model Recent Post yang saya kutip dari beberapa web-blog sobat.
<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:350px;
}
#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";
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://namablogkamu.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://popular-post-blogger.googlecode.com/files/recentpostthumbspy-min.js" type="text/javascript"></script>
</div>
Perhatian :
ganti home_page ="http://namablogkamu.blogspot.com/" dengan website kamu.
Filed Under:
Tutorial Blogger
0 comments
Trackback URL | Comments RSS Feed