Selasa, 14 Februari 2012

Cara Membuat Recent Post Dengan Thumbnail

  • Tampilan recent post ,  umumnya hanya  berupa tulisan judul postingan saja, namun akan lebih menarik jika recent post kita juga disertai dengan thumbnail, sehingga secara visual akan membuat para pengunjung blog kita tertarik untuk melihatnya,  jika anda ingin membuatnya  recent pos dengan tampilan thumbnail ,   caranya sebagai berikut : Pertama  copy  script di bawah ini  :





<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 = 200;

cellspacing = 8;

borderColor = "#B0E0E6";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#abcdef";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 7;

home_page = "http://GANTI DENGAN ALAMAT BLOG ANDA /";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>


  • suaikan tampilan recent post sesuai dengan keinginan anda, dengan cara  menganti angka2 yang ada untuk merubah  warna background, ukuran gambar, jumlah post yang ditampilkan dan lainya..
  •  langkah berikutnya buka dasboard | design | new gadget | add HTML | paste script diatas . kemudian anda tinggal mengatur letak recent  post yang sudah anda buat...

Selamat mencoba semoga bermanfaat ...maaf jika masih banyak kekurangan..

4 comments:

  1. GAn koq tampilan recent posku gax baek sih ,,,, aduh ,,,,,

    BalasHapus
    Balasan
    1. gak baik gmn gan ? udah diatur blom angka2nya ? dan sesuaikan dengan lebar sidebarx gan..

      Hapus
  2. aku mw coba dulu, mkasih info nya :)

    BalasHapus
    Balasan
    1. Oke sama2..semoga bermanfaat..makasih juga udah berkunjung ke blog aq...

      Hapus

Related Posts Plugin for WordPress, Blogger...