Cara Membuat Artikel Terbaru di Sidebar Blog

Cara Membuat Artikel Terbaru di Sidebar Blog

Cara Membuat Artikel Terbaru di Sidebar Blog

Dengan memasang Widget Artikel Terbaru di Blog pengunjung akan mengetahui daftar artikel-artikel yang baru saja anda publikasikan atau postingan yang baru saja di perbaharui (update). Sehingga akan meningkatkan jumlah pageview blog apabila ada pengunjung yang meng-klik atau mengunjungi artikel terakhir yang sudah anda publikasikan.

Cara Membuat Artikel Terbaru di Sidebar Blog
Cara Membuat Artikel Terbaru di Sidebar Blog
Baca Juga : Cara Membuat Random Post di Sidebar Blog

Silahkan copy code di bawah ini lalu masukan di sidebar/widget yang mau di pasangkan :

<div id="new-post">
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "URLBLOGANDA",
numPosts = 4;
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></div>
  • Ganti kode yang bertulisan URLBLOGANDA dengan link/url blog anda
  • numPosts = 4; jumlah postingan yang akan di tampilkan
simpan widget tersebut dan lihat hasilnya

Sekian mengenai Cara Membuat Widget Artikel Terbaru atau widget postingan terbaru di Blog, semoga bermanfaat.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Blogger
Disqus
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Berkomentarlah dengan baik, Kepribadian anda tercemin saat berkomentar.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like CIDOSHARE? Keep us running by whitelisting CIDOSHARE in your ad blocker.

This is how to whitelisting CIDOSHARE in your ad blocker.

Thank you!

×
×
×