Sebelumnya BeST memposting tentang Cara Membuat Recent Comment Terbaru, sepertinya kurang afdol kalo belum posting Trik membuat recent post atau postingan terbaru ini untuk blogger. Recent Post adalah widget yang paling populer dipasang oleh para blogger agar para pengunjung tahu apa yang terbaru di blog anda. Kebanyakan dari recent post hanya sebuah link bertuliskan/ link aktif , disini Belajar Segala Trik akan mencoba Cara buat Recent post menggunakan gambar/thumbail. Untuk Demo nya bisa dilihat di sidebar blog ini.
Ya contohnya seperti gambar diatas, gimana? lebih menarik bukan? Bila anda tertarik menggunakan postingan terbaru tipe bergambar silahkan ikuti langkah-langkah dibawah ini:
Gb. Recent Post bergambar |
- Login ke Blogger
- Masuk ke Dasbor dan klik Tata Letak
- Pilih Tambahkan Gadget pada tempat yang diinginkan
- Pilih HTML/Javascript lalu copy semua code dibawah ini dan paste dikolom HTML/Javascript tadi.
<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://belajarall.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
KETERANGAN:
Silahkan ganti pada code yang di warna merah dengan alamat blog anda. Anda bisa mengedit sendiri jumlah post yang ingin ditampilkan sendiri dan lain-lainnya pada code var.
Sekian postingan singkat , padat, dan jelas ini. Semoga bermanfaat ya :)) Komentarnya ditunggu :D
Referensi: Pak Bos Tutorial
Trik Membuat Recent Post/Postingan Terbaru Bergambar
4/
5
Oleh
Unknown