Widget Recent Post Yang Bisa Berjalan

Written By Admin on 28 March 2009 | Saturday, March 28, 2009








Untuk memasang widget recent post yang bisa berjalan seperti ini, mari ikuti langkah - langkah sebagai berikut :

1. Login Blogger.com
2. Buka Perancangan>>Elemen Halaman>>kemudian tambahkan gadget HTML/Java Script.
3. Copas 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:55px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:300px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:0px 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://2.bp.blogspot.com/-GpAOJCe8S24/TZBswIHvB2I/AAAAAAAABhk/SX65pYbEBSo/s1600/B-60.png";

imgr[1] = "http://2.bp.blogspot.com/-GpAOJCe8S24/TZBswIHvB2I/AAAAAAAABhk/SX65pYbEBSo/s1600/B-60.png";

imgr[2] = "http://2.bp.blogspot.com/-GpAOJCe8S24/TZBswIHvB2I/AAAAAAAABhk/SX65pYbEBSo/s1600/B-60.png";

imgr[3] = "http://2.bp.blogspot.com/-GpAOJCe8S24/TZBswIHvB2I/AAAAAAAABhk/SX65pYbEBSo/s1600/B-60.png";

imgr[4] = "http://2.bp.blogspot.com/-GpAOJCe8S24/TZBswIHvB2I/AAAAAAAABhk/SX65pYbEBSo/s1600/B-60.png";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 25;

thumbheight = 25;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

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

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
4. Paste pada widget HTML/Java Scrip tadi.
5. Silahkan ganti text yang berwarna merah pada kode diatas dengan alamat blog anda
6. Simpan dan lihat hasilnya.

Semoga berhasil.

4 comments:

Twins-IX said...

wew gan !! .. Mantapp Nie WIdget nya , Sadapp Lah .. Pool abis .. work 100% ...


tingkat kan slalu yah .. update terus widget2 buat blog nya .. mantapp abis dah

eMingko Blog said...

kyaknya berat ni script, mksi infonya

HAfizh said...

lebih banyak lagi artikel tentang pengeblogan mas, saya masih awam ngeblog jadi biar bisa saya pelajari. kalo widget biar comments tampil/keluar seperti punya anda bagaimana resepnya?

ateng said...

tambahi widget2nya dong bang