Cara Termudah Memasang Recent Post Pada Widget Blogspot
Cara Termudah Memasang Recent Post pada Widget Blogspot - Halo sahabat blogger hari ini saya akan memberikan tutorial sederhana untuk menampilkan Widget Recent Post. Saya rasa sudah banyak sekali yang memberikan tutorial. Namun saya tetap memberikannya terutama buat sobat yang baru memulai didunia blogging.
Widget ini sebenarnya sama dengan widget recent post pada blogger sendiri dalam hal fungsinya, namun di widget ini sedikit berbeda; yaitu hanya menampilkan Judul Recent Post tanpa thumbnail yang tentu membuat web menjadi ringan dan lebih cepat tentunya.
Baca juga: Membuat Recent Post Widget dengan Navigasi
Berikut ini langkah-langkah untuk membuatnya, silahkan dipraktekan ya sob!
Langkah pertama, Buka Blogger sobat > kemudian pilih Tata Letak > Tambahkan Widget baru dan kemudian salin kode dibawah ini, atau sobat bisa melihat pada gambar dibawah:
Silahkan pilih HTML/JavaScript kemudian copy dan paste kode dibawah ini
Catatan: Silahkan sobat ganti URL celotehmedia dengan url situs sobat, pastekan ke kolom widget HTML yang sudah terbuka kemudian paste. Langkah terakhir SAVE dan lihat hasilnya.
Baik sobat, begitulah Cara Termudah Memasang Recent Post Pada Widget Blogspot semoga ulasan dan tutorial singkat ini bermanfaat. Salam blogger!
Widget ini sebenarnya sama dengan widget recent post pada blogger sendiri dalam hal fungsinya, namun di widget ini sedikit berbeda; yaitu hanya menampilkan Judul Recent Post tanpa thumbnail yang tentu membuat web menjadi ringan dan lebih cepat tentunya.
Baca juga: Membuat Recent Post Widget dengan Navigasi
Berikut ini langkah-langkah untuk membuatnya, silahkan dipraktekan ya sob!
Langkah pertama, Buka Blogger sobat > kemudian pilih Tata Letak > Tambahkan Widget baru dan kemudian salin kode dibawah ini, atau sobat bisa melihat pada gambar dibawah:
Silahkan pilih HTML/JavaScript kemudian copy dan paste kode 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://www.celotehweb.com",
numPosts = 5;
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>
Catatan: Silahkan sobat ganti URL celotehmedia dengan url situs sobat, pastekan ke kolom widget HTML yang sudah terbuka kemudian paste. Langkah terakhir SAVE dan lihat hasilnya.
Baik sobat, begitulah Cara Termudah Memasang Recent Post Pada Widget Blogspot semoga ulasan dan tutorial singkat ini bermanfaat. Salam blogger!
