Tuesday, May 12, 2015

Trik Membuat Recent Post/Postingan Terbaru Bergambar

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.

Trik Membuat Recent Post/Postingan Terbaru dengan Gambar/Thumbail
Gb. Recent Post bergambar
Ya contohnya seperti gambar diatas, gimana? lebih menarik bukan? Bila anda tertarik menggunakan postingan terbaru tipe bergambar silahkan ikuti langkah-langkah dibawah ini:
  1. Login ke Blogger
  2. Masuk ke Dasbor dan klik Tata Letak
  3. Pilih Tambahkan Gadget pada tempat yang diinginkan
  4. 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

0 komentar:

Post a Comment

Silahkan Berkomentar dengan baik dan benar :)
Komentar anda tidak akan di tampilkan jika:
1. Komentar tidak sesuai dengan topik posting
2. Menambahkan Link aktif atau link dalam berkomentar.
3. Nama/Url promosi !! Tidak menggunakan nama sebenarnya.