Membuat Recent Post Dengan Thumbnail

Sesuai dengan namanya Recent post merupakan sebuah widget yang berfungsi untuk menampilkan postingan yang terakhir diterbitkan. Dari modelnya sendiri recent post mempunyai model yang bermacam-macam, akan tetapi yang akan saya bahas di sini adalah membuat recent post dengan thumbnail.

Untuk memasangnya silakan ikuti langkah-langkah di bawah ini.

1. Copy kode di bawah ini, lalu simpan dulu di notes atau editor text lainnya.
   
   

   <script language="JavaScript">
   imgr = new Array();
   imgr[0] = "http://i45.tinypic.com/1z70ynn.jpg";
   showRandomImg = true;
   boxwidth = 300; //lebar widget
   cellspacing = 6; //jarak antar post
   borderColor = "#ccc"; //warna border widget
   bgTD = "#fff"; //warna background widget
   thumbwidth = 40; //ukuran lebar thumbnail
   thumbheight = 40; //ukuran tinggi thumbnail
   fntsize = 12; //ukuran font
   acolor = "#333";
   aBold = true;
   icon = " ";
   text = "comments";
   showPostDate = false;
   summaryPost = 40;
   summaryFontsize = 10;
   summaryColor = "#333";
   icon2 = " ";
   numposts = 5; //jumlah postingan yang ditampilkan
   home_page = "http://masdazine.blogspot.com/";
   </script> //ganti dengan URL blog anda
   <script src="http://masda.googlecode.com/files/recentpostswiththumbnail.js"></script>

   
   * text yang berwarna orange merupakan penjelasan kode yang berwarna merah pada masing-masing baris.
   
2. Login akun blog anda
3. Klik Tata Letak, kemudian klik Add Gadget sesuai tempat yang anda inginkan untuk memasang widget recent post ini
4. Pilih/Klik HTML/JavaScript
5. Beri title untuk widget anda, kemudian paste code yang anda copy tadi
6. Klik Simpan

     Sekarang lihat blog anda, sudah muncul atau belum widget Recent posts yang baru saja anda pasang.

If you enjoyed this article, subscribe to receive more great content just like it.

Subscribe via RSS Feed

Your information will not be shared. Ever.

Related posts: