Home » » Cara Membuat Widget Recent Post Dengan Gambar

Cara Membuat Widget Recent Post Dengan Gambar

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 = 5;
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://ariessanjaya.blogspot.comfeeds/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://ariessanjaya.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 5artikel 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.

Baca artikel lainnya yang terkait :
Cara Membuat Iklan Melayang Di Tengah Blog



Terima Kasih Anda Telah Membaca Artikel
Cara Membuat Widget Recent Post Dengan Gambar
Aries sanjaya
Berikanlah saran dan kritik atas artikel ini. Salam blogger, Terima kasih

0 comments:

Post a Comment

Internet Cepat di Pesanggaran klik Gambar di bawah ini

Link Banner

Translate

Daftar Isi BLOG

 
Copyright © 2014. Blognya AriesSanjaya - Blognya Ariessanjaya
Template Created by Aries Sanjaya Published by Blognya Aries sanjaya