Cara Membuat / Memasang Recent Post Bergambar Simple di Blog - Wanjay

Cara Membuat / Memasang Recent Post Bergambar Simple di Blog

Cara Membuat / Memasang Recent Post Bergambar Simple di Blog
Demo | Abaikan postingan hekel nya
Cara Membuat / Memasang Recent Post Bergambar Simple di Blog - Hallow sobat blogger, kali ini mimin mau share tutorial tentang cara bikin recent post thumbnail alias bergambar di blog yang platform nya blogspot, agar blog sobat jadi terlihat keren dan simple.

Recent post atau latest post atau postingan terbaru atau anu adalah salah satu widget yang perlu di pasang di blog, widget ini akan menampilkan postingan terbaru dari blog sobat.

Recent post merupakan salah satu widget terpenting yang harus di pasang karena akan dapat meningkatkan Page views blog sobat, kenapa? karena dengan munculnya dan terlihat nya artikel terbaru maka visitor akan jalan-jalan di blog sobat.

Tutorial membuat Recent Post di Blogspot


  • Buka dashboard blogger
  • Lalu ke Menu tata letak
  • Tambahkan widget, disarankan di sidebar atau di sisi kanan atau kiri.
  • Buat judul nya serterah sobat, lebih bagus biasanya di buat "Postingan Terbaru"
  • Lalu pastekan script di bawah ini di bagian kolom yang bawah.


<style scoped="" type="text/css">
ul.recent_posts_arlina li{display:inline-block;position:relative;width:100%;margin:0;padding:8px 0;transition:all .3s linear;}
ul.recent_posts_arlina li:last-child {border:0;}
.recent_posts_arlina .wrapinfo{margin:0 10px 0 0;overflow:hidden;z-index:2;display:block;position:relative;border-radius:0;width:100px;height:auto;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:#202020;font-size:14px;font-weight:400;line-height:normal}
ul.recent_posts_arlina li a:hover{color:#1E90FF}
.recent_posts_arlina i{font-style:normal;color:#999;font-size:13px}
</style>
<script src="https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js"></script>
<script>
var numposts=7,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=62;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recentpostinfoarlina"></script>

  • Simpan

Keterangan :

  • Numposts : Jumlah postingan yang tampil
  • Showpostthumbnails : Jika 0 maka bergambar, jika 1 maka tanpa gambar
  • Showpostdate : Menampilkan tanggal post, settingan sama seperti showpostthumbnails

Akhir Kata

Demikian artikel kali ini, semoga bermanfaat. Terima kasih sudah berkunjung, silahkan mampir lagi h3h3.

Subscribe Blog Wanjay Agar tidak Ketinggalan Update. Gratis!!!

Buka Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel