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