Cara Menciptakan / 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 wacana cara bikin recent post thumbnail alias bergambar di blog yang platform nya blogspot, supaya 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 alasannya akan sanggup meningkatkan Page views blog anda, mengapa? alasannya dengan munculnya dan terlihat nya artikel terbaru maka visitor akan jalan-jalan di blog anda.

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 anda, lebih anggun biasanya di buat "Postingan Terbaru"
• Lalu pastekan script di bawah ini di bab 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 menyerupai showpostthumbnails

Akhir Kata

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