Membuat Recent Post pada Blogger Dengan Thumbnail

Membuat Recent Post pada Blogger Dengan Thumbnail adalah hal yang Sistem Komputer paparkan saat ini karena sangat menarik. Banyak hal yang mungkin bisa didapatkan dari tulisan tentang Membuat Recent Post pada Blogger Dengan Thumbnail ini.
Sebenarnya banyak kalangan temen-temen blogger yang sudah tau bahkan sangat mahir tentang cara ini, akan tetapai saya mncoba utuk mengshare-kan kembali cara pembuatan recent post atau entri terbaru dari postingan blog.
Mungkin pengunjung adalah pemula dalam blogger (kayak ane,.. hehehhe, ngaku ya?) yang belum paham untuk membuat blognya indah dan menarik. Ada pepatah dikalangan pemuda dikotaku, sederhana tapi menarik, mungkin inilah yang pantas diungkapkan pada hasil tutorial kali ini.

Tidak hanya tampilannya yang sederhana tapi menarik? pembuatannya pun gak ribet dan sangat cocok bagi pemula untuk memasang widget diblog anda.

Coba anda lihat gambar dibawah ini, menarik bukan? Untuk itu jika anda berminat untuk membuatnya silakan ikuti langkah-langkah berikut dengan teliti.

Recent Post

Langkah yang harus anda lalui adalah :
  • login Blogger anda;
  • Pilih Rancangan atau Design;
  • Pilih tambahkan Gadget atau Elemen;
  • Pilih HTML/Javasript;
  • dan copy paste kode berikut kedalam HTML yang baru diplih.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://t0.gstatic.com/images?q=tbn:ANd9GcR7dAEHgaLB9zTyZm9HvJIdFEq2-nOG1E0Mle9ZNUC2_-HPI6DQONEW2w";
showRandomImg = true;
boxwidth = 300;
cellspacing = 6;
borderColor = "#ccc";
bgTD = "#fff";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12; //ukuran font
acolor = "#333";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#333";
icon2 = " ";
numposts = 5;
home_page = "http://kang-fathur.blogspot.com/";
</script>
<script src="http://portalinformasionline.googlecode.com/files/entriterbaruthumbnail.js.mp3"></script>
  • Klik Simpan dan selesai.

Keterangan :

  1. Biru adalah gambar yang akan tampil jika postingan anda tidak ada gambarnya.
  2. 300  adalah lebar widget
  3. 6 adalah jarak antar post 
  4. #ccc adalah warna border widget
  5. #fff adalah warna background widget
  6. 40 adalah ukuran lebar dan tinggi thumbnail
  7. 5 adalah jumlah postingan yang ditampilkan
  8. dan ganti http://kang-fathur.blogspot.com/ dangan URL blog anda.

Selamat mencoba dan berkreasi...!!! SELENGKAPNYA atau SEPENUHNYA

Sistem Komputer

Sitemap 1 2 3 4 5