Cara Membuat Recent Post Hanya Thumbnail di Blogger


Sudah sangat biasa bila recent post di situs blog menampilkan thumbnail, judul postingan dan snippet yang menjadi isi postingan di situs blog kita. Namun kali ini kita akan membuat recent post hanya menampilkan thumbnail gambar saja sehingga akan menambah keindahan blog menjadi semakin terlihat apik dan elegan. Kebanyakan orang akan lebih tertarik melihat gambar daripada rangkaian text yang menjadi judul sebuah postingan.

Widget recent post memberitahukan setiap artikel terbaru yang kita posting di situs blog kita, sehingga orang lebih mudah melihat update dari blog tertentu tanpa harus menuju ke halaman depan atau homepage.

Ikuti tutorialnya berikut ini untuk memasang Recent Post yang hanya menampilkan thumbnail gambar saja di situs blogger

Cara Membuat Recent Post Hanya Thumbnail di Blogger


1. Login ke akun blogger,

2. Pilih menu Tata Letak → Tambahkan Gadget (pada sidebar) → HTML/JavaScript,

3. Tempelkan kode berikut ini ke dalam gadget HTML/JavaScript,

<div id='bp_recent'></div>
<script style='text/javascript' src='//cdn.rawgit.com/irawanria85/aridjaya/4bc07a74/recentspost-thumbnail.js'></script>
<script style='text/javascript'>
var numberOfPosts = 9;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 90;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Perhatikan kode di atas, var numberOfPosts = 9; adalah jumlah postingan yang ingin ditampilkan.

4. Klik Simpan

5. Kemudian refresh kembali situs blog anda, untuk melihat widget ini apakah telah berhasil atau tidak.

Demikian tutorial tentang cara memasang recent post hanya menampilkan thumbnail gambar saja di situs blog. bila ada kendala pemasangan jangan lupa beritahu saya di kolom komentar.

Share this

Related Posts

Previous
Next Post »