Cara Buat Recent Post Blog Bergambar

Abdul Hamid Info - Membuat Recent Post Bergambar pada blog akan terlihat lebih indah dan mempermudah para pengunjung untuk mencari postingan terbaru dari blog.

Trik ini sangatlah mudah dan saya yakin anda pasti bisa melakukannya.

Berikut cara-caranya:

1. Login Pada blogger.
2. Klik Design pada Dashboard anda.
3. Klik Add a Gadget lalu pilih HTML/Javascript.
4. Masukkan kode script dibawah ini dan Save

Kode:

<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 = 230; cellspacing = 8; 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 = 10; home_page = "link-url-anda.com"; </script> <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan berdasarkan warna:

Baca Juga

• Cara Menghilangkan Judul Widget Sidebar Blogger
• Cara Membuat Tombol Show All di Widget Cloud Label
• Cara Mudah Mengganti Tampilan Kursor Mouse di Blog atau Web

boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : link-url-anda.com (Ganti dengan URL blog anda)

Advertise

Halaman: