Pages

Saturday, 13 September 2014

Cara Membuat Recent Post With Thumbnail Di Blog



"Membuat Recent Post With Thumbnail Di Blog". Recent Post With Thumbnail artinya recent post (posting terbaru/artikel terbaru) yang disertai gambar.Jadi widget ini berbeda debgan recent post "biasa".Meskipun bedanya hanya ada gambarnya namun tetap saja widget ini sangat bagus untuk dipasang di blog.Pada dasarnya recent post wih thumbnail ini mempunyai fungsi yang sama dengan widget recent post "biasa".
Untuk membuat atau memasang widget ini pada dasarnya sama dengan memasang widget-widget lainnya.Dalam perkembangannya widget ini banyak dipakai dan digunakan oleh para blogger.Sepertinya mungkin sudah semestinya para blogger memasang widget ini.Secara penampilan,widget ini terlihat lebih menarik dibanding dengan widget recent post "biasa".Sehingga jika sebuah blog memasang widget ini,mungkin akan terlihat lebih "profesional".Apakah sobat tertarik untuk membuatnya dan memasangnya??

Langsung saja,untuk membuatnya atau measangnya silahkan ikuti langkah-langkah seperti berikut ini :
  • Login ke Blogger
  • Klik Tata Letak atau Rancangan
  • Di Elemen Laman klik Add Gadget atau Tambah Gadget
  • Setelah muncul pop-up window pilih opsi HTML/JavaScript
  • Copy dan Paste kode di bawah ini dan masukkan ke dalamnya
<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 = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 8; home_page = "http://harjo820.blogspot.com/"; </script> <script src="http://karinafotocollection-project.googlecode.com/files/recentpost-thumbnails.js" type="text/javascript"></script>
Keterangan
  1. Silahkan ganti URL yang berwarna merah http://harjo820.blogspot.com dengan URL blog sobat
  2. Klik simpan atau Save 
  3. Selamat mencoba dan semoga berhasil
DAFTAR ISI
DAFTAR ISI