Percaya, Nurdin Muncul Lagi..? Ngetren Abis : The Best Widget Blog | Mau SEO Friendly Blog Kamu..?

Blogger News

  • Blockquote

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...

  • Duis non justo nec auge

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...

  • Vicaris Vacanti Vestibulum

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...

Monday, October 10, 2011

Membuat Recent Post pada Blogger Dengan Thumbnail



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...!!!

Jika Anda menikmati posting ini dan ingin dihubungi setiap kali posting baru diterbitkan, maka pastikan Anda subscribe to our regular Email Updates!

Please...!!! Bookmark artikel ini melalui layanan Bookmarking favorit Anda:
Technorati Digg This Stumble Stumble Facebook Twitter

0 comments:

Bingung? Silakan tinggalkan komentar anda.

Komentar anda selalu kami dihargai. Kami akan mencoba untuk menjawab pertanyaan anda secepat mungkin.

Catatan:
  1. Untuk menambahkan KODE HTML di komentar maka silahkan gunakan HTML Encoder kami.
  2. Anda dapat mencoba tutorial di HTML Editor kami.
  3. Harap jangan melakukan dan meninggalkan komentar yang mengandung Sara dan Spaming, karena komentar tersebut akan dihapus segera setelah review.

Post a Comment

Support us

Dono Ilmu News

 

Free E-Books

Free Templates

Free Software

Kreasi Blog Kang Fathur © 2012. All Rights Reserved | Modificated by Kang Onk Design | Design by Brian Gardner