Skip to main content
JEJAK UNIK

follow us

Membuat Recent Post Atau Widget Artikel Terbaru Pada Blog

Membuat Recent Post Atau Widget Artikel Terbaru Pada Blog

Membuat Recent Post Atau Widget Artikel Terbaru Pada Blog - Widget ini biasanya dipasang pada sidebar blog dan fungsi widget ini untuk menampilkan artikel terbaru yang kita buat agar lebih mudah dilihat pengunjung blog.

Tentunya widget ini sangat bagus dan wajib kalian pasang jika ingin menambah pageview halaman blog anda. Sebab seperti kita ketahui ketika pengunjung blog mengklik salah satu artikel terbaru (homepage) maka artikel terbaru yang ada pada homepage pasti akan menghilang dan tentunya untuk melihat kembali artikel terbaru tersebut pengunjung harus kembali back home dan cukup repot juga.

Saya sudah memasang recent post atau widget artikel terbaru ini kurang lebih satu bulan dan ternyata statisik kunjungan pageview memang cukup berdampak bagus.

Untuk itu widget recent post ini memungkinkan pengunjung blog Anda dapat terus melihat artikel terbaru pada halaman postingan tanpa harus kembali ke halaman utama. Namun sebelum kalian membuatnya bisa juga mencoba Trik Membuat Halaman Maintenance Hanya Dengan CSS.

Buat sobat yang ingin mencobanya cukup mudah tinggal masuk ke TATA LETAK kemudian ADD GADGET pilih HTML JAVASCRIPT lalu masukan kode dibawah ini.

Membuat Recent Post Atau Widget Artikel Terbaru Pada Blog

<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 = "https://www.jejakunik.com",
numPosts = 10;
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>

Ganti kode dibawah ini dengan alamat blog sobat kemudian save template.
var homePage = "https://www.jejakunik.com"

Selamat mencoba!!!

You Might Also Like:

Jika tertarik dengan artikel yang anda baca saat ini, berikan tanggapan melalui kolom komentar di bawah ini. Berkomentarlah yang cerdas, karena pintar saja tidak cukup.
Buka Komentar