ExitJangan Lupa Klik Like/Suka!

Sabtu, 10 Desember 2011

Cara Membuat Recent Post Bergambar

Berlama-lama Browsing cari Artikel ke sana kemari akhirnya dapat apa yang selama ini saya cari yaitu tentang Cara Membuat Recent Post Bergambar. Tips ini saya cari dari teman yang sering blogwalking di Blog Adexme. Oleh karena itu Blog Adexme berterimakasih kepada sobat Blogger tersebut.

Tidak ada salahnya jika Blog Adexme menyampaikan Artikel ini terhadap teman yang baru masuk ke dalam dunia Blogging.

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.

Jangan lupa lihat juga artikel Blog Adexme tentang Cara membuat Read More Otomatis dan Masih banyak lagi Tips N Trick Blog lainnya.

Dari pada lama-lama, langsung saja kita Praktekkan Cara Membuat Recent Post Bergambar 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://blogadexme.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.      

Tidak ada komentar:

Posting Komentar