Sabtu, 19 Januari 2013

Membuat Recent Post Bergambar Pada Blog

Recent Post adalah Postingan-postingan yang terakhir kita buat pada suatu Blog. Mengapa ini perlu di buat? yaitu agar para pengunjung Blog kita dapat melihat apa saja yang kita posting terakhir kalinya. Lebih kurang tampilan nya akan seperti Screenshoot di samping ini.
Dari pada lama-lama, langsung saja kita Praktekkan Membuat Recent Post Bergambar Pada Blog ini, baiklah ikuti langkah-langkah di bawah ini.

     1.  Login dulu di Blogger dengan Akun sobat.

     2.  Pada Dasbor, Klik Rancangan atau Ke Tata Letak.

     3.  Lalu Tambahkan Gadget atau Klik Tambah Gadget.

     4.  Setelah itu, Pilih HTML/JavaScript.

     5.  COPAS kode di bawah ini pada Konten.
 
<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 = 250;
cellspacing = 8;
backgroundColor = "#1C1C1C";
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 = 5;

home_page = "http://pensilpintar.blogspot.com/";
</script>

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

     6.  Sebelum di Simpan, ganti Script yang berwarna Merah diatas dengan
          URL blog Sobat.
     7.  Atur lebar, tinggi dll sesuai dengan keinginan Sobat.
     8.  Setelah itu, Klik Simpan.

"Semoga Bermanfaat"

Tidak ada komentar:

Posting Komentar