MEMBUAT WIDGET POSTINGAN TERAKHIR DI BLOGGER Cara menambah gadget Recent Post di blogspot - Ketemu lagi hari ini dengan artikel terbaru Panduan sukses blogger. Artikel kali ini adalah dengan Tutorial BLogspot yaitu Cara Membuat widget postingan terakhir di blogger atau sering di sebut dengan Recent post. dimana widget recent post atau postingan terakhir ini akan bergerak dari atas ke bawah, tentunya ini akan menjadi daya tarik sendiri untuk blog kita. sebenarnya ini adalah menjawab salah satu pertanyaan teman kita di kotak komentar blog ini.
cara membuat model Archives & Postingan Terakhir seperti di blog saranghenamja.blogspot.com, gimana ya??? Ksi tau donk cara nya... Krim ke email aku ya... chelmi blablabla.com
Pliz,,, atau posting kan cara nya di blog anda...
- Login terlebih dahulu ke blogger
- Kemudian klik tambah gadget
- Pilih HTML/JavaScript
- Copy dan Pastekan kode di bawah ini ke dalam nya
<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://jayaputrasbloq.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> - Kemudian simpan
- Jangan lupa ganti alamat http://jayaputrasbloq.blogspot.com yang bertulisan hitam tebal di atas dengan alamat blog anda.
- Selesai...
- Sedangkan Untuk membuat archives nya itu memang sudah bawaan dari blogger. itu bisa anda tambahkan melalui Rancangan > Tambah gadget > Arsip Blog > Seting kemudian Simpan.
Semoga tutorial di atas bermanfaat buat anda semua dan salam sukses...
Komentar Terakhir
Hubungi Kami: J_Putra
Telphone: 0819-5905-0765

Share





Tutorialnya bagus
menarik juga, ane coba dulu gan..
bisa di coba
oke sip.. siap ke TKP
thanks sob... bermanfaat sekali....
kalau buat 5 kolom gimana ya om?
pusing....
gimn cara mempercantik blog ini?
Pliss......Bls
mantebb....!!
patut dicoba... thanks ya gan
oce Boss ngilmunye,yang berminat jadi agen pulsa elektrik dan tempat pembayaran PPOB kunjungi; http://smartreload88.blogspot.com
ya Gan. TQ
Makasih yach... Gan, atas Informasinya lain kali kunjungi Blog aku yach... www.dedearism.blogspot.com
thanks
http://teknikindo-community.blogspot.com
tiada kata cukup untuk belajar
keren-keren. bermanfaat sekali.
tampilan blog ini friendly banget. terulah berkarya mas brow. :)
http://www.rafa-ditya.com