Membuat Recent Post Tanpa Gambar di Blogger
Isi Postingan Artikel Blog :
buayaberdiri.blogspot.com - Recent Post adalah sebuah fitur yang paling banyak digunakan oleh para pengguna website atau para blogger.Fitur Recent Post ini biasanya digunakan pada widget atau sidebar kanan atau sidebar kiri website atau blog.
Fitur Widget Recent Post ini berisi postingan-postingan artikel terbaru yang baru saja dipublikasikan atau di update oleh pemilik blog.Sehingga Recent Post sangat penting buat para pengunjung yang sedang berkunjung untuk membaca artikel pada postingan terbaru di blog tersebut,tanpa harus menuju kehalaman utama atau halaman depan atau homepage blog.
Sehingga fitur Recent Post Blogger sangat berguna sekali buat kamu yang sedang membuat blog dengan nice atau topik berita.Akan tetapi banyak juga penulis artikel nice lain yang membuat recent post diblog mereka.
Hari ini saya akan memberikan tutorial tentang langkah-langkah bagaimana cara membuat recent post tanpa thumbnail atau tanpa gambar.Jadi Recent Post ini hanya tampil judul artikel saja,berikut ini adalah cara membuatnya :
Cara Membuat Recent Post Tanpa Thumbnail
- Buka Dashboard Blogger kamu
- Kemudian Pilih Layout atau Tata Letak
- Kemudian pilih Sidebar mana yang akan kamu pasang Recent Post Blogger
- Kemudian Tekan Add Gadget
- Kemudian Scroll,lalu pilih HTML / Javascript
- Kemudian Pasang Script Dibawah ini :
<style scoped='' type="text/css">ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}li.recent-posts:last-child{border-bottom:0;}li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}</style><ul id="recent-posts"></ul><script>//<![CDATA[var homePage = "https://buayaberdiri.blogspot.com/",numPosts = 20;function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);//]]></script>
Pada sintaks diatas kamu bisa mengubah URL https://buayaberdiri.blogspot.com/ menjadi alamat website atau blog kamu.
Keterangan numPost = 20 adalah untuk menampilkan berapa jumlah postingan artikel yang akan tampil di blog kamu.Pada contoh diatas saya akan menggunakan 20 Postingan Artikel di Recent Post Blog saya.
Sepertinya mudah bukan cara membuat recent post disidebar kanan atau kiri blogger ?,demikina informasi tentang Cara Mudah Membuat Recent Post Dengan Tanpa Thumbnail / Gambar di blog.Semoga informasi ini bisa membantu kamu,Gbu :)
Keterangan numPost = 20 adalah untuk menampilkan berapa jumlah postingan artikel yang akan tampil di blog kamu.Pada contoh diatas saya akan menggunakan 20 Postingan Artikel di Recent Post Blog saya.
Penutup
Sepertinya mudah bukan cara membuat recent post disidebar kanan atau kiri blogger ?,demikina informasi tentang Cara Mudah Membuat Recent Post Dengan Tanpa Thumbnail / Gambar di blog.Semoga informasi ini bisa membantu kamu,Gbu :)
Baca juga artikel tentang : Cara Membuat Recent Post Dengan Thumbnail di Blogger
Baca juga artikel tentang : Cara Mudah Menyembunyikan Label Tertentu di Homepage Blog
Baca juga artikel tentang : Cara Agar Domain My.id Diterima / Approve Google Adsense
Baca juga artikel tentang : Cara Menghilangkan Tanda Panah Di Template Blogger (-->)
Baca juga artikel tentang : Cara Mudah Menyembunyikan Label Tertentu di Homepage Blog
Baca juga artikel tentang : Cara Agar Domain My.id Diterima / Approve Google Adsense
Baca juga artikel tentang : Cara Menghilangkan Tanda Panah Di Template Blogger (-->)