Jumat, 10 Mei 2013

Cara Membuat Widget Recent Post Dengan Gambar seperti Contoh yang ada di Recent Post pada blog ini. Untuk melihat langsung hasil penampakan contohnya dibawah ini.
Membuat Widget Recent Post Dengan Gambar seperti diatas sebenarnya bertujuan hanya untuk mempercantik blog saja agar terlihat lebih rapi. Kalau teman-teman menyukainya, silahkan mencoba jangan ragu dan jangan takut salah untuk mempratekkannya,setelah bisa tentu ada kepuasan batin tersendiri jika belajar untuk otak atik tampilan blog kita. Intinya berani mencoba!

Inilah Cara Membuat Widget Recent Post Dengan Gambar :
1. Buka akun blogger teman sendiri
2. Masuk Elemen Tata Letak
3. Pilih Add Widget atau Tambah Gadget
4. Apabila kotak baru muncul lalu pilih HTML/Javascript
5. Copy atau salin kode script di bawah ini :
<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 16;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://belajartutorialblogger.blogspot.com/feeds/posts/summary?max-results=16&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
6. Simpan Widget / Gadget yang baru anda buat.
7. Lihat hasilnya.

Catatan :
- Tulisan http://belajartutorialblogger.blogspot.com silahkan anda ganti dengan alamat URL / Blog anda. 
- Silahkan anda atur sedemikian rupa, mengenai jumlah artikel yang akan dipajang dalam recent post blog anda, sesuai keinginan anda. Blog ini hanya menampilkan contoh recent post sebanyak 16 artikel saja.

Sebagai dari hasil Cara Membuat Widget Recent Post Dengan Gambar, lihat saja disebelah kanan pada Recen Post pada blog ini. Karena menggunakan widget di atas. Terima kasih buat Bos Tutorial dan salam sukses. Bagi teman-teman Selamat Mencoba semoga bermanfaat.

Sumber: Bos Tutorial

Tagged: ,