Cara Membuat Recent Post dengan Gambar

Akhirnya pada kesempatan ini saya memiliki kesempatan untuk menulis Cara membuat Recent Post Dengan Gambar . Versi ini tentu berbeda coba lihatpada hasil di saya..hehe

Versi yang baru ini tentu lebih "gres" dan lebih "Nyentrik" .Sebenarnya Cara membuat Recent Post Dengan Gambar lebih mudah .Recent Post Dengan Gambar baru ini sangat mudah untuk diterapkan di blog kamu dan tentu lebih oke. Ingin pasang sekarang?silakan lihat tahap-tahapnya berikut ini.

Sebelum memulai, dipersilakan untuk melihat hasilnya terlebih dahulu di home sebelah kanan posting saya..

Bagus kan hehehe ?ini dia caranya...

1. Seperti biasa anda login ke account Pribadi di Blogger anda. Jangan punya orang laen...kwakwakwak..:-)

2. Setelah sudah login/signin, masuk ke tata letak. Dan kemudian klik "tambah gadget" di salah satu tempat yang ingin anda tempelkan.

3. Pilih "HTML/JAVASCRIPT", kemudian masukkan kode di bawah ini

<br /><br /><div style="text-align: center;"><textarea style="width: 300px; height: 40px; padding:3px"><br /><center><br /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><br /><br /><style media="screen" type="text/css"><br /><!--<br /><br />#spylist {<br />overflow:hidden;<br />margin-top:5px;<br />padding:0px 0px;<br />height:350px;<br />}<br />#spylist ul{<br />width:160px;<br />overflow:hidden;<br />list-style-type: none;<br />padding: 0px 0px;<br />margin:0px 0px;<br />}<br />#spylist li {<br />width:150px;<br />padding: 5px 5px;<br />margin:0px 0px 5px 0px;<br />list-style-type:none;<br />float:none;<br />height:70px;<br />overflow: hidden;<br />background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;<br />border:1px solid #ddd;<br />}<br /><br />#spylist li a {<br />text-decoration:none;<br />color:#4B545B;<br />font-size:11px;<br />height:18px;<br />overflow:hidden;<br />margin:0px 0px;<br />padding:0px 0px 2px 0px;<br />}<br />#spylist li img {<br />float:left;<br />margin-right:5px;<br />background:#EFEFEF;<br />border:0;<br />}<br />.spydate{<br />overflow:hidden;<br />font-size:10px;<br />color:#0284C2;<br />padding:2px 0px;<br />margin:1px 0px 0px 0px;<br />height:15px;<br />font-family:Tahoma,Arial,verdana, sans-serif;<br />}<br /><br />.spycomment{<br />overflow:hidden;<br />font-family:Tahoma,Arial,verdana, sans-serif;<br />font-size:10px;<br />color:#262B2F;<br />padding:0px 0px;<br />margin:0px 0px;<br />}<br /><br />--><br /></style><br /><br /><script language="JavaScript"><br /><br />imgr = new Array();<br /><br />imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br /><br />imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />showRandomImg = true;<br /><br />boxwidth = 255;<br /><br />cellspacing = 6;<br /><br />borderColor = "#232c35";<br /><br />bgTD = "#000000";<br /><br />thumbwidth = 70;<br /><br />thumbheight = 70;<br /><br />fntsize = 12;<br /><br />acolor = "#666";<br /><br />aBold = true;<br /><br />icon = " ";<br /><br />text = "comments";<br /><br />showPostDate = true;<br /><br />summaryPost = 40;<br /><br />summaryFontsize = 10;<br /><br />summaryColor = "#666";<br /><br />icon2 = " ";<br /><br />numposts = 10;<br /><br />home_page = "http://kang-setia.blogspot.com/";<br /><br />limitspy=4<br />intervalspy=4000<br /><br /></script><br /><br /><div id="spylist"><br /><script src="http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js" type="text/javascript"></script><br /></div></center><br /></textarea></div><br /><br />

4. Klik "simpan".

jangan lupa Home page nya di ganti url kamu.cey...

Mudah bukan?silakan mencoba...

»»  READMORE...

»»  Read More