1 Membuat Menu "Recent Post" keren Model Tayang Slide

Membuat Menu Recent Post Keren Model Tayang Slide.Pagi ini saya akan share cara membuat menu racent pos dengan tampilan keren dan juga terbaru buat sohib semua yang baru membuat website khususnya blogger. Recent post adalah salah satu cara untuk menghemat pada halaman home para bloger saat ini pasti melakukan teknik ini untuk memperindah blognya, bukan hanya recent post tapi juga menyertakan seperti arcive blog,daftar label dan lain lain tujuannya agar para pembaca bisa melihat hal-hal yang penting menurut pemilik blog sekaligus agar para pembaca merasa krasan di blog tersebut, untuk membuat daftar recent post ini cukup mudah dan gak pake lama juga gak pake ribet, caranya yaitu

• pertama anda masuk dulu bada bagian tata letak
• klik tambahkan gedget sesuai dengan keinginan sobat
• lalu cari gedget yang namanya HTML/Java Script
• lalu kopi script berikut ini di gedget tersebut
<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:245px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:280px;
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://ketikanfaiz.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>
• Kemudia di klik simpan

keterangan :

•  untuk yang berwarna Biru ganti dengan jumlah artikelnya
• untuk yang berwarna Merah ganti dengan alamat URL blog sobat

gima gampang kan seperti yang saya bilang, coba lihat di blog sobat pasti merasa puas dengan arikel Membuat Recent Post keren Model Tayang Slide ini. Sekian dulu ya sobat semoga artikel Membuat Menu "Recent Post" keren Model Tayang Slide bermanfaat untuk semua

.

---

Mari Kita Saling Menghargai Sesama Blogger

Apabila anda merasa artikel ini bermanfaat, silahkan share dimana saja.

Dan jika berkenan mohon mencantumkan link sumbernya. Terima Kasih.

WWW.MIFTAH.US

^_^

---

Artikel Menarik Lainnya :