Membuat Recent Post Dengan Gambar Di Blogger

Share on :

Tweet

Mungkin posting kali ini udah basi dikalangan para blogger semua, tapi tetep ga ada salahnya saya sedikit berbagi trik dan cara menambahkan widget Recent Post / Posting Terakhir / Posting Terbaru.

Dan saya juga yakin kalo sobat semua juga tau kalo blogger menyediakan widget bawaan untuk menampilkan Recen Post ini, namun dari yang saya liat kita gak bisa menambahkan gambar pada widget tersebut. Tapi bener ato gaknya saya juga kurang tau, maklum saya masih pemula.... hehehehehe

Sedikit sharing aja nih buat sobat yang berminat, tapi kalo gak...,, gak dipaksa koq..... hehehehehe.

Kalo sobat mau tau gimana tampilan dari widget Recent Post ini, sobat bisa lihat disebelah kanan blog ini, tu yang saya kasi nama "Artikel Terbaru".

Berikut langkah-langkahnya :

1. Login ke akun blogger pake email ma password blog sobat, jangan pake email ato password orang lain... hhehehehe
2. Pilih Layout, kalo bahasa Indonesianya Tata Letak
3. Klik Tambah Gadget ato dalam bahasa kampung saya Add a Gadget (Kampung yang mana yah....???)
4. Pilih yang HTML/Javascript trus masukkin script berikut ini :

<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 = 5; home_page = "http://www.d-hidracyber.co.cc/"; </script> <script src="http://d-hidracyber.webhostingindonesia.net/js/posting_terbaru.js" type="text/javascript"></script>

Keterangan :

• Script numpost =5 berarti jumlah posting yang ditampilkan adalah 5, sobat bisa menggantinya sesuai keinginan sobat.
• Script home_page = "http://www.d-hidracyber.co.cc/"; silakan sobat ganti dengan URL blog sobat sendiri, bukan URL blog tetangga... hehehehe...
• Pada bagian paling bawah ada yang namanya posting_terbaru.js, itu Jquery yang saya simpan di hosting saya, sebaiknya sobat download Jquery tersebut dan sobat upload ke hosting sobat sendiri dan ganti URL nya dengan URL hosting sobat, untuk downloadnya silakan sobat Klik Disini, tapi kalo males dan ga mau ribet, biarin aja deh pake aja yang ada dihosting saya....
• Tinggal klik simpan aja buat finishing nya.....

Semoga bermanfaat aja postingnya,, maklum udah lebih seminggu gak ngeblog, semoga ga kaecewa aja ma tulisan yang saya bikin kali ini, karena saya juga bingung mau buat posting apa... hehehehehe...

Share on :

Share

Tweet