Tuesday 23 July 2013

Cara membuat Widget Recent Post dengan gambar

Assalamu alaikum, Salam sejahtera


Seperti pada umumnya, siapa sich yang gk ingin blog nya tampil beda....ya ngga?
Nah..untuk kali ini, saya berbagi cara, bagaiman agar Widget recent post kita tampilanya hanya gambar saja.
Langsung aja gan.....Untuk membuat Widget Recent Post Dengan Gambar,..yang kita butuhkan adalah, '' Kopi plus Rokok,....xixixixixixixi.....
Ini dia gan screen shoot dari blog kami...


Ok gan, langsung ke TKP aja :.....


1. Buka akun blogger agan 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 = 20;
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://daleganhot.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

6. Simpan Widget / Gadget yang baru agan buat.
7.Taraaaaa......... Lihat hasilnya.

Catatan :
Tulisan http://daleganhot.blogspot.com silahkan agan ganti dengan alamat URL / Blog agan sendiri
Silahkan agan atur sedemikian rupa, mengenai jumlah artikel yang akan dipajang dalam recent post blog agan, sesuaikan dengan keinginan agan,  dalam Blog ini sementara jumlah artikel yang dipajang dalam recent post sebanyak 5 saja.
Sebagai dari hasl Cara Membuat Widget Recent Post Dengan Gambar, lihat saja Recen Post pada blog ini. Karena menggunakan widget di atas. Selamat mencoba, semoga bermanfaat untuk agan semua, dan terimakasih atas kunjungan nya.

No comments:

Post a Comment