Cara Membuat Post Terbaru dengan Thumbnail Super Keren di Blogspot

Cara mudah Membuat Widget Recent Post atau Post Terbaru dengan Thumbnail di Blogspot versi Mbak Arlina | Apa fungsi daripada Recent Post tersebut,?Recent Post adalah sebuah fitur widget yang mampu menampilkan beberapa post atau artikel baru anda, Untuk membuat tampilan blog anda lebih menarik dan informatif anda di perlu memasang widget ini, Widget Recent Post ini juga bermafaat bagi para pengunjung untuk mengetahui atau menelusuri artikel baru anda , dengan begitu pembaca akan lebih mudah untuk mencari informasi-iformasi terupdate dari blog anda.





Recent Post ini Menggunakan thumbnail yabg dapat membuat tampilan widget anda lebih menarik karena disertakan gambar, sehingga pengunjung mungkin akan lebih terinspirasi untuk mengklik pos-pos tersebut.

Baca juga : ► Cara Mudah Membuat Widget Recent Commets di Sidbar Blog

Cara pemasangan post terbaru dengan thumbnail di blogspot


  • Login ke akun blogger and
  • Pilih Layout
  • Klik Add Widget
  • Pilih HTML/ Javascript
  • Masukkan kode dibawah ini

<style scoped='' type='text/css'>
ul.recent_posts_arlina li{display:inline-block;position:relative;width:100%;margin:0;padding:10px 0;transition:all .3s linear;}
ul.recent_posts_arlina li:last-child {border:0;}
.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:90px;height:62px;float:left}
ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto}
.recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:.9rem;}
ul.recent_posts_arlina li a{color:#2b427d;font-size:13px;font-weight:700;line-height:normal}
ul.recent_posts_arlina li a:hover{color:#138be6}
.recent_posts_arlina i{font-style:normal;color:#999;font-size:13px}
</style>
<script style='text/javascript' src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js'></script>
<script style='text/javascript'>
var numposts=6,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=62;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>

Terakhir Simpan:

Demikian penjelasan kami mengenai Cara Terbaru Membuat Recent Post dengan Thumbnail super keren di Blogspot Semoga bisa menjadi referensi serta bermanfaat bagi anda.

6 komentar

Info yang super keren nih mas, bisa dicoba entar soalnya blog saya kebetulan blogspot... hehehehehehehe :)

Boleh juga nih mas recentnya keren, ijin terapin di blog saya ya mas. tapi nanti kalo inget ya? hehehe. yang pasti selalu inget lah biar tampilannya lebih bagus.

Admine nangdi ikii?? wis turu ya?? biasane koyok kalong :-d

kalo bikin widget tiga macem jadi satu widget kaya gambar diatas piye carane sam? enten artikele mboten sam?

Lho iki artikel bulan oktober to?? lagi ngerti aku rek

Ada mas ...itu widget tiga colom....cari pada navigasi menu daftar isi pilih label widget...naah tinggal scrol cari artikel cara buat widget tiga colom oky....

Please comment with the identity of the Gmail account, so we can visit back to your website.
EmoticonEmoticon