Cara Membuat Recent Post Dengan Thumbnail

Cara Membuat Recent Post Dengan Thumbnail - Kali ini saya akan berbagi Tutorial Blog yaitu Cara Membuat Recent Post yang cantik di Blog dengan Thumbelina, Recent Post atau bisa disebut juga Posting terbaru memiliki fungsi yaitu menampilkan setiap Posting terbaru, sehingga pengunjung akan dengan mudah melihat posting terbaru blog kamu, baik kita langsung aja pada intinya cara buat Recent Post di Blog.

• Login ke Blog kamu 
• Pilih Tata Letak
• Pilih Add Gadget
• Pilih HTML/JAVASCRIPT
• Lalu masukan kode di bawah ini.

<script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKeyZcY5UFVGXpIqkMmKabMrmx6M9ViulzNPdfh-XRHLjSH9vkKjLLRurlg4Re1-FFYXQDKcR1CjpPeXZv2BbTnfXkdZ0aK7DQhwGglv5-pEezkxv0y2nJ4DzuGTju2cGiCafOaP3xSdM/s1600/img1.jpg"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqJ27UNmnZSZJtcDdHIIE_rr8yT6SlDV-7ShMpthjQ8nyHi-RKlISKOcOF_-7Ld89_K-aUhAEQXMoey9Tcznj8H8i51mPVKYAk_pDnP9ZZLhafEnMcTxwZ64CYqhmSpGDywW4-lL24kaU/s1600/img2.jpg"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGOXFFW6hpI-inkTxWRyZ8Hlq_AOxecE_5IM_tZIhpjaMvXyQsW99Q48vX3rTl5EobWRB13kZWkN0yO8sxcdA_M4vGKX280jJHRr37iHJ1vvee9azSGwfLh_65JK84XZBOh_6ITXU8-A0/s1600/img3.jpg"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YUWZSQa2T7yDOnsbh4SiyGL_tNnc5fb-xszU0aikcdA5UAFrosB1W_xuEgUJurgixw2QunS0NwPTSxLD2etqxp9cDWCHwrCeZNFApHJ-SuhZU7ia9fYWe4b9_0gyMuNe71SlxCasxcE/s1600/img4.jpg"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNtm4SyCT4RlXhGsYOiX4fJoD2GXrn8V7_lOOC3OPBVxtzELkzbydAHxXI0ZSS-3CmmhIdPYSF-oMhiufZMQiErqNym7UHyhMUiHRGMzwszaUVUPAtYJUE4Yuomz4GnQonbuFcKgvwlD8/s1600/img5.jpg"; showRandomImg = true; tablewidth = 250; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#ffffff"; imgwidth = 40; imgheight = 40; fntsize = 12; acolor = "#000"; aBold = true; icon = " "; text = ""; fsize= "11"; showPostDate = true; summaryPost = 60; summaryFontsize = 11; summaryColor = "#666"; icon2 = " "; numposts = 4; home_page ="http://blazerracing.blogspot.com/"; </script> <script type="text/javascript" src="http://blazer-javascript-fajar.googlecode.com/files/Recent%20Post%20Thumbnail.js"></script>

Widget By : http://www.ivennuary.com/

Dan ini hasilnya

Keterangan :

• Ganti URL yang berwarna merah dengan Blog kamu.
• Yang warna orange numposts itu adalah menunjukan posting terbaru yang di tampilkan.
• Yang berwarna biru lebar kolom, sesuaikan dengan template kamu.
•  Yang berwarna ungu adalah Background nya silahkan ganti sesuai selera kamu

Akhirnya selsai juga cara buat Recent Post, baiklah seperti nya hanya segini yang bisa saya sanpaikan, jangan lupa tinggalkan pesan mu di kotak komentar, dan jika ada kesalahan dengan kode di atas hub Admin di Contact Us.

 

Thank's To : http://blazerracing.blogspot.com/2012/01/cara-buat-recent-post-dengan-thumbelina.html