Iklan

Cara Memasang Widget Recent di Blog


Pada kesempatan kali ini Mas Dar akan share tutorial Cara Memasang Widget Recent di Blog yang mana widget ini sudah tidak asing lagi bagi kamu semua. 

Widget ini fungsi nya pun masih sama yang mana memunculkan feed artikel terbaru pada blog. Widget ini yang beda hanya tidak memunculkan Thumbnail hanya berupa tulisan aja. 

Nah bagaimana cara membuat nya berikut ini adalah tutorial berikut ini. 


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

<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://www.URL_BLOG_ANDA.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 : Ganti kode yang ditandai dengan URL blog sobat dan jumlah post yang akan ditampilkan.

2. Simpan widget dan lihat hasilnya.


Sekian mengenai Cara Memasang Recent Post Widget di Blog, semoga bermanfaat.
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Cara Memasang Widget Recent di Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel