Membuat Recent Posts Hanya Menampilkan Thumbnail

Recent posts berfungsi untuk memberitahukan kepada pengunjung beberapa postingan terbaru blog yang dikunjunginya. Ketika pengunjung tiba dari hasil pencarian ada kemungkinan mereka masuk pada postingan usang kita, nah dengan recent posts ini mereka akan mengetahui postingan-postingan terbaru dari blog yang dimaksudkan semoga mereka tertarik untuk membacanya pula. Untuk itu diharapkan widget recent posts yang aktraktif yang tampilannya menarik perhatian pengunjung untuk meng-klik-nya.

Salah satu recent posts yang berdasarkan saya cukup anggun untuk dicoba yaitu recent posts hasil kreasi Aneesh Joseph dari BloggerPlugins. Widget recent posts ini sanggup menampilkan hanya thumbnail dalam bentuk grid yang dibuat dari pure javascript. Sehingga ini sanggup terapkan dan diubahsuaikan dengan popular posts dan random posts yang beberapa waktu kemudian saya share yang juga hanya menampilkan thumbnails.

• Baca juga: Modifikasi Popular Post Hanya Thumbnails Sederhana
• Baca juga: Membuat Random Posts Hanya Dengan Thumbnails

Screenshot:

Bagaimana tertarik untuk mencobanya? Silahkan Anda masuk ke link installernya  berikut ini http://bloggerplugins.org/installers/recentpostswiththumbnails.html. Silahkan pilih option "Grid layout" semoga tampilannya menyerupai gambar di atas. Pada gambar recent posts di atas saya memakai size thumbnail 90px yang saya simpan pada sidebar dengan lebar 300px.

Namun kalau Anda pribadi menyimpan script-nya maka akan terdapat error pada validasi HTML5 dari arahan "&". Untuk itu silahkan tambahkan arahan "amp;" (tanpa tanda kutip). Biasanya arahan script untuk recent post dalam bentuk grid akan menyerupai di bawah ini.

<div id='bp_recent'></div>
<div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='https://komporajaibku.blogspot.com//search?q=modifikasi-popular-post-hanya?utm_src=BP_recent' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='Recent Posts with Thumbnails for Blogger' style='border:none' /></a>Powered By <a href='http://www.bloggerplugins.org/?utm_src=BP_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a></small></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
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='http://www.kompiajaib.com/feeds/posts/summary?max-results=12&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Silahkan ganti URL-nya dengan URL blog Anda. Untuk keamanan silahkan hosting ulang arahan js-nya yang berwarna biru di atas dengan akun Anda sendiri. Angka 12 di atas dan di bawah yaitu jumlah postingan yang ditampikan. Angka 90 yaitu size dari thumbnailnya dan angka 5 yaitu margin dari tiap thumbnailnya. Dan silahkan tambahkan amp; pada arahan & sehingga menjadi menyerupai di bawah ini.

<div id='bp_recent'></div>
<div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='https://komporajaibku.blogspot.com//search?q=modifikasi-popular-post-hanya?utm_src=BP_recent' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='Recent Posts with Thumbnails for Blogger' style='border:none' /></a>Powered By <a href='http://www.bloggerplugins.org/?utm_src=BP_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a></small></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 12;
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='http://www.kompiajaib.com/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'></script>

Silahkan simpan script di atas pada gadget HTML/JavaScript sidebar blog Anda. Selesai....

Sumber script: https://komporajaibku.blogspot.com//search?q=modifikasi-popular-post-hanya

Sumber https://www.kompiajaib.com/

Share this post