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...
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
Tutorialnya bagus
menarik juga, ane coba dulu gan..
bisa di coba
oke sip.. siap ke TKP
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
tiada kata cukup untuk belajar
keren-keren. bermanfaat sekali.
tampilan blog ini friendly banget. terulah berkarya mas brow. :)
http://www.rafa-ditya.com
Keren Sekali Kawan Ditunggu Kunjungan Balik Nya
izin comot kodenya gan
TRIMS TIPSNYA, GAN.
SLM
Thanks gan. . .
Makasih masgan, masih newbie nih
Lengkap bgt disini cara-cara & tipsnya
tak coba langsung bisa,thank
dah dicoba..."MANATAP" tambahan neh, kl ukurannya di sesuaikan gmn gan?
http://www.chanelinvestasi.blogspot.com/
thnks tutorialnya..tk coba dulu aah....
Trims tutornya agan, tp utk image tumnail-nya qo tdk bisa auto dari posting yang sudah ada yaa, .... kalo disetting auto pasti dech lebih baguus...
slamet berkarya mga sukses
wah, gak fungsi ni sob script-nya di blog ane :(