Cara Memasang Widget Rencent Post/Artikel Terbaru Pada Blog

Selamat siang sobat blogger, Di siang ini saya masih membahas tentang widget blog. pada waktu kemarin saya sudah membahas Cara Memasang Random Post Di Widget Blog.Dan pada kesempatan kali ini saya akan membahas tentang Cara Memasang Widget Rencent Post/Artikel Tebaru Pada Blog. Widget Rencent post ini akan menampilkan artikel-artikel terbaru di blog kita, tetapi sobat blogger banyak yang berfikir dua kali jika ingin menambah widget di blognya, karna di nilai akan membuat loading blog menjadi berat. Tenang sob, script Rencent post ini sangat simple dan tidak memberatkan loading blog anda. Karna script ini tidak harus memuat js seperti recent post lainya.



Rencent post ini tidak menampilkan thumbnail, Hanya menampilkan judul artikel saja sehingga sangat ringan. Setelah anda melihat demonya mungkin anda tertarik untuk memasang nya di blog anda juga. Jika anda tertarik ingin memasang nya di blog anda, mari kita simak caranya sebagai berikut.

1. Login di akun blogger anda.

2. Masuk Tata Letak ==> Tambah widget baru ==> pilih HTML JavaScript.

3. Coppy dan Paste kode di bawah ini kedalam widget baru tadi.

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.cobangetik.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"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></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 http://www.cobangetik.com dengan url blog anda. dan ganti angka 5 sesuai keinginan anda, angka 5 adalah angka untuk menentukan banyaknya artikel yang akan di tampilkan.

5. Simpan dan Selesai...

Demikian artikel tentang Cara Memasang Rencent Post/Artikel Terbaru Pada Blog. Selamat mencoba.

Baca Juga: Cara Membuat Sitemap/Daftra Isi Ala Kang Ismet.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser