 |
| Demo | Abaikan postingan hekel nya |
Cara Membuat / Memasang Recent Post Bergambar Simple di Blog - Hallow sahabat blogger, kali ini mimin mau share tutorial perihal cara bikin recent post thumbnail alias bergambar di blog yang platform nya blogspot, supaya blog sahabat jadi terlihat keren dan simple.
Recent post atau latest post atau postingan terbaru atau anu ialah 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 alasannya ialah akan sanggup meningkatkan Page views blog sobat, kenapa? alasannya ialah dengan munculnya dan terlihat nya artikel terbaru maka visitor akan jalan-jalan di blog sobat.
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 sobat, lebih manis 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&alt=json-in-script&callback=recentpostinfoarlina"></script> - Simpan
Keterangan :
- Numposts : Jumlah postingan yang tampil
- Showpostthumbnails : Jika 0 maka bergambar, kalau 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.
Sumber https://www.wanjay.com/
