Cara Membuat Postingan Baru Atau Recent Post Berjalan di Blog

Oke kali ini mysusis berbagi artikel lagi. Artikel kali tentang dunia blog sobat. Buat para blogger pasti pengen tampilan blognya oke dengan menambahkan widget yang kiranya optimal buat pengunjung. Dengan memeberikan Recent Post atau Postingan terbaru bisa memberikan info padda pengunjung bahwa inilah posting-postingan terbaru. Dengan demikian blog sobat tetap seger dimata search engin. Sebenarnya banyak model-model recent post pada blog. Blogspot-pun udah nyediainn di widgetnya. untuk Cara Membuat Postingan Baru Atau Recent Post di Blogspot Silahkan dilihat diartikel sebelumnya za. Tapi kadang kita sebagai blogger kurang puas dengan widget default bawaan. lebih menarik lagi dengan Ada Gambarnya, Berikut ini Cara Membuat Postingan Baru Atau Recent Post Dengan Gambar atau Thumbail di Blog. meski uddah ada gambarnya kadang kita kurang puas. seumpama dengan gambar dan juga bisa berherak dengan sendiri pasti lebih menarik lagi. Oke langsung saja berikut ini langkah-langkah Cara Membuat Postingan Baru Atau Recent Post Berjalan di Blog

1. Login dulu ke blog sobat

2. Pilih Tata Letak

3. Tambahkan Gadget

4. Setelah muncul Window baru, Pilih yang bertuliskan Html/javascrip

5. Kemudian copy paste kode berikut

<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:385px;
}
#spylist ul{
width:305px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:290px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
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:12px;
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 = 300;
cellspacing = 4;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
summaryPost =;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 4;
home_page = "http://www.mysusis.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

NB: -ganti teks berwarna merah dengan alamat blog sobat
       -untuk widt, boxwidt bisa sobat sesuaikan sesuai keinginan.
      -Show post date dan aBold juga bisa sobat ganti true/false, pokoknya gimana kreatifitas sobat dah, silahkan diuprek, biar srek,menarik, dan menawaan. :-)

7. Setelah itu klik save lalu simpan.

8. Maka sekarang blog sobat disidebarnya sudah ada Recent Post Atau Postingan Baru Dengan Gambar.

Demikian sobat Cara Membuat Postingan Baru Atau Recent Post Berjalan di Blog, semoga bermanfaat.