Cara Memasang Recent Post Keren Hanya Berupa Gambar

Selamat malam sahabat setia uongduro dimanapun anda berada, dikesempatan ini saya ingin sedikit berbagi tentang cara memasang Recent Post dengan cara yang mudah dan dengan bahasa yang simpel alias tidak berbelit-belit, hehehe.

Recent Post atau artikel terbaru yang biasanya diposting oleh admin blog merupakan sesuatu yang penting, karena dengan adanya Recent Post pengunjung blog bisa dengan mudah mengakses artikel terbaru dari blog yang dia kunjungi.

Recent Post bermacam-macam bentuknya, ada yang berupa judul post, ada yang berupa gambar, ada yang berupa judul post disertai gambar dan ada juga ada yang berupa salah satu dari ketiganya yang dilengkapi dengan snipet (isi sekedarnya dari postingan).

Kali ini uongduro ingin berbagi kepada sahabat setia uongduro tentang cara memasang dan menampilkan Recent Post hanya berupa gambar saja, tentunya hal ini akan menambah keunikan blog sahabat sekalian. Ok mari kita lakukan tutorialnya semoga berhasil. Amin

1. Login ke Blogger sahabat
2. Masuk di dasbor blog
3. Klik Tata letak
4. Klik Tambahkan gadget [terserah sahabat mau yang mana, coba saja yang di sidebar]
5. Klik HTML (</>)
6. Copy dan paste kode berikut
<div id='bp_recent'></div>
<script style='text/javascript' src='https://rawgit.com/bungfrangki/recentposts/master/recentpost_thumb.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='//uongduro1.blogspot.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

*untuk yang berwarna merah silahkan ganti dengan url blog sahabat

7. Klik Simpan, jika template sahabat suport tentunya sahabat sudah memiliki Recent Post hanya dengan gambar saja.

Demikianlah tutorial yang bisa kita sampaikan semoga bermanfaat, semua kode pada tutorial ini sebagaimana telah tayang di blog bungfrangki.com
Postingan Terkait

Belum ada tanggapan untuk "Cara Memasang Recent Post Keren Hanya Berupa Gambar"

Post a Comment