Nah kali ini saya mencoba menulis lagi tentang widget pada blogspot, tak lain adalah widget recent post yang sebelumnya sudah pernah saya tulis di blog ini dengan berbagai versi.
Namun kali ini sedikit agak berbeda dengan bentuk widget ini dengan adanya tambahan gambar thumbnail yang ada di postingan, dengan tujuan agar pembaca blog kita tertarik dengan postingan yang kita suguhkan setelah melihat thumbnail gambar yang mungkin unik, lucu, mempesona dsb.
Widget ini cocok bagi Anda yang mempunyai blog bernuansa gallery, misalnya gallery template, foto, desain dan sebagainya.
Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .
Pada menu Dashboard klik menu "Design - > Page Elements"
Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
Dan taruh script dibawah ini kedalamnya.
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
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 = "http://kabarpagimu.blogspot.com/";
</script>
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
Keterangan :
boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://kabarpagimu.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.
Recent Posts : [archives limit=10]
Terkait
- Cara Merubah File PDF ke Word - Tutorial Lengkap PDF
- Script Curang Auto Klik Kanan Terbaru 2013
- Tutorial Install Windows 8 di PC/Laptop
- Cara Menambahkan Chat Box di Blog
- Membuat Scroll Pada Archive Blog
- Cara Membuat Sesuatu Menempel Terus di Window Blog
- Cara Menghapus Label Di Blog
- Mengubah Menu Bar Di Atas / Di bawah Header Pada Blogspot Baca
- Memasang Iklan dua kolom
- Floating Box Yang Cocok Untuk Adsense
- Free WordPress Premium Themes – Elegant News
- Membuat Efek Hujan Salju Pada WordPress.com
- Cara Pasang Tombol Share Facebook Dan Twitter
- Melihat Perkembangan Blog Kamu dan Rivalmu Dengan Compete.com
- Cara Pasang Video You Tube ke Blog
- Mengubah Blog Dari NoFollow ke DoFollow
- Cara Menambahkan Kolom Sebelah Kiri Di Blogspot
- Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot
- Membuat Floating Button Di Sisi Blog
- Chat Di FB Pakek Emo Keren..Mau??
- Kumpulan 30 Web Direktori,Tempat Menemukan Backlink Gratis (Free Backlink Exchange)
- Membuat Buku Tamu Tersembunyi Di Kiri Kanan Blog
- Memasang Iklan di Bawah Postingan
- Membuat Widget Paypal Button
- Membuat Text Melayang Mengikuti Arah Mouse
Makasih ilmunya gan
BalasHapusuntuk wordpress gimana gan ??
BalasHapus