Jumat, 14 September 2012
Membuat Recent Post With Thumbnail Pada Blog
Do you like this story?
Panduan blogger untuk para blogger pemula.Panduan
blogger yang akan menjelaskan,membahas serta membantu sobat blogger
semua khususnya yang masih pemula dalam dunia blog.Sebelum ke inti
artikel,perlu sobat ketahui dan mengingatkan kembali kalau
"tjoretan-akoe" pernah menulis artikel yang berkaitan dengan Recent Post
tepatnya "Panduan Cara Memasang Widget Recent Post Di Blog".Namun kali ini sengaja menulis tentang"Membuat Recent Post With Thumbnail Di Blog".Recent
Post With Thumbnail artinya recent post (posting terbaru/artikel
terbaru) yang disertai gambar.Jadi widget ini berbeda debgan recent post
"biasa".Meskipun bedanya hanya ada gambarnya namun tetap saja widget
ini sangat bagus untuk dipasang di blog.Pada dasarnya recent post wih thumbnail ini mempunyai fungsi yang sama dengan widget recent post "biasa".Untuk membuat atau memasang widget ini pada dasarnya sama dengan memasang widget-widget lainnya.Dalam perkembangannya widget ini banyak dipakai dan digunakan oleh para blogger.Sepertinya mungkin sudah semestinya para blogger memasang widget ini.Secara penampilan,widget ini terlihat lebih menarik dibanding dengan widget recent post "biasa".Sehingga jika sebuah blog memasang widget ini,mungkin akan terlihat lebih "profesional".Apakah sobat tertarik untuk membuatnya dan measangnya??
Langsung saja,untuk membuatnya atau measangnya silahkan ikuti langkah-langkah seperti berikut ini :
- Login ke Blogger
- Klik Tata Letak atau Rancangan
- Di Elemen Laman klik Add Gadget atau Tambah Gadget
- Setelah muncul pop-up window pilih opsi HTML/JavaScript
- Copy dan Paste kode di bawah ini dan masukkan ke dalamnya
<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 =
298; 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 =
8; home_page = "http://cyberxskyfire.blogspot.com/";
</script> <script
src="http://karinafotocollection-project.googlecode.com/files/recentpost-thumbnails.js"
type="text/javascript"></script>
- Ketengan silahkan ganti URL yang berwarna merah http://cyberxskyfireblogspot.com dengan URL blog sobat
- Klik simpan atau Save
- Selamat mencoba dan semoga berhasil
This post was written by: Franklin Manuel
Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter
Langganan:
Posting Komentar (Atom)
0 Responses to “Membuat Recent Post With Thumbnail Pada Blog”
Posting Komentar