Widget ini dapat kita atur lebar dan tinggi sesuai keinginan kita, serta dengan juga jumlah postingan yang akan kita dimunculkan. Untuk langkah pembuatan recent postnya silahkan lihat dibawah ini.
Berikut Langkah - langkah nya :
1. Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.
Gb.1
2. Selanjutnya pilih tab Edit Html (Gb.2).
Gb.2
3. Setelah itu centang tulisan / checkbox 'Expand Widget Templates' (Gb.3).
Gb.3
Nah,setelah itu cari kode (Gunakan Ctrl+F),setelah ketemu,persis diatasnya letakkan kode javascript ini di atas kode tersebut:
<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: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://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/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://burudollars.blogspot.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. Ganti teks yang berwarna merah dengan URL Blog anda.
Untuk jumlah postingan yang mau anda tampilkan ganti numposts = 10 (jumlah yang anda inginkan).
5. Save dan selesai.
Slide Animasi Recent Post.
Untuk jumlah postingan yang mau anda tampilkan ganti numposts = 10 (jumlah yang anda inginkan).
5. Save dan selesai.
Slide Animasi Recent Post.
Wah ini mantap tenan ini kang... dah lama cari widget yang beginian biar tampil tambah gaya... sekalian narik minat baca.
ReplyDeletesumcara ,, biar gaya di ceperin aj kang hehe,, lanjutkan bro
ReplyDeleteaku juga pingin gaya gaya-gayaan tapi kayaknya berat banget...
ReplyDeleteas the prototype of the Nike SB Koston shoes, implant design elements,
ReplyDelete