Home Blogger Cara Membuat / Memasang Recent Post Bergambar Simple Versi Terbaru di Blog

Cara Membuat / Memasang Recent Post Bergambar Simple Versi Terbaru di Blog

by Erzed
 Memasang Recent Post Bergambar Simple di Blog Cara Membuat / Memasang Recent Post Bergambar Simple Versi Terbaru di Blog
Demo | Abaikan postingan hekel nya
Cara Membuat / Memasang Recent Post Bergambar Simple di Blog – Hallow anda blogger, kali ini mimin ingin share tutorial tentang cara bikin recent post thumbnail alias bergambar di blog yang platform nya blogspot, agar blog anda jadi terlihat keren dan simple.
Recent post atau latest post atau postingan terbaru atau anu merupakan salah satu widget yang perlu di pasang di blog, widget ini akan menampilkan postingan terbaru dari blog anda.
Recent post merupakan salah satu widget terpenting yang harus di pasang sebab akan dapat meningkatkan Page views blog anda, mengapa? sebab dengan munculnya dan terlihat nya artikel terbaru maka visitor akan jalan-jalan di blog anda.

Tutorial menciptakan 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 anda, 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, apabila 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.


Sumber Web Wanajay

Baca :  Cara Gampang Membuat Fanspage FP di Facebook Lengkap Dengan Gambar

You may also like