Cara Memasang Recent Post Widget di Blog


Kali ini Laros akan berbagi sebuah widget yang mungkin sudah tidak asing lagi buat sobat blogger.

Widget ini masih memiliki fungsi yang sama dengan recent post widget yaitu untuk memunculkan feed dari postingan terbaru di blog kita. Hanya bedanya widget ini tidak menampilkan thumbnail post dan tampilannya pun cukup sederhana, yang membuat widget ini ringan dan proses memuat halaman blog pun lebih cepat.

Berikut langkah pemasangan widget ini pada blog


1. Buka Blogger > Tata Letak > Tambahkan widget baru kemudian salin dan simpan semua kode di bawah ini didalamnya

<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 = "http://laros.web.id",
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>

Ganti kode yang ditandai dengan URL blog sobat dan jumlah post yang akan ditampilkan


2. Simpan Widget dan lihat hasilnya

Demikian postingan saya tentang Cara Memasang Recent Post Widget di Blog semoga bermanfaat :)

Cara Memasang Recent Post Widget di Blog Cara Memasang Recent Post Widget di Blog Reviewed by Laros on Minggu, September 18, 2016 Rating: 5
Rekomendasi Untuk Anda × +
Add Comments

Tidak ada komentar:

Diberdayakan oleh Blogger.