ADVERTISEMENT

SUPPORTED

Membuat Recent Post tanpa Thumbnail sederhana di Blog

Cara membuat widget recent post (postingan terbaru) sederhana pada blog bertujuan untuk menampikan artikel terbaru dari sebuah blog. Widget recent post bisa juga sebagai media pemberitahuan kepada pengunjung tentang artikel terbaru dari blog sobat.

Kode dibawah ini akan membuat recent post sederhana, akibatnya loading yang akan dihasilkan jauh lebih cepat dari recent post kebanyakan. Oke langsung saja berikut tutorial cara membuat recent post sederhana tanpa thumbnail di blogspot

membuat recent post sederhana

1. Login pada akun Blogger.
2. Masuk ke Layout → Add a Widget
3. Copy kode dibawah ini lalu masukan ke dalam widget HTML/Javascript

<!-- RECENT POSTS --><ul id="recent-posts"></ul><script>
//<![CDATA[
var homePage = "http://kangibay.net/", //ganti dengan url blog sobat
numPosts = 10; //jumlah judul postingan
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+'">'+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>

Keterangan:
//Ganti dengan nama blog kamu
//Jumlah judul posingan

4. Setelah semuanya selesai, silahkan simpan



Itu saja tutorial membuat widget postingan terbaru (recent posts) di blog, semoga bermanfaat dan bisa langsung sobat praktekan.

Source code : http://kang-mousir.blogspot.com/2014/06/membuat-widget-recent-posts-untuk-blog.html

Salam,
Admin

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Copyright © 2017 Kangibay.net - Redesign By Nowext Inc. | Blagioke