Cara Memasang Recent Post Fast Loading di Blog

Cara Memasang Recent Post Fast Loading di Blog – Widget recent post atau yang lebih dikenal dengan artikel terbaru, merupakan widget yang bertujuan untuk menampilkan beberapa postingan atau artikel terbaru di blog yang biasanya dipasang pada bagian sidebar.

Pada tutorial kali ini saya akan membagikan kode untuk widget recent post yang lumayan fast loading, jadi tidak mempengaruhi loading blog anda. Seperti yang diketahui bersama membuat blog fast loading merupakan sebuah pilihan yang harus diambil untuk menjaga kenyamanan agar lebih mudah dan cepat untuk akses halaman blog.

Baca Juga: Cara Memasang Label Cloud Keren di Blogger

Cara Memasang Widget Recent Post Fast Loading di Blogger

Berikut kode dan cara memasang recent post di sidebar blogspot.

Screenshot:
recent post blog fast loading
Kode Widget Recent Post

<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.bloggerjepara.net/",
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+'" 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 https://www.bloggerjepara.net dengan URL blog anda.
  • numposts = 10 : jumlah judul post yang ditampilkan, atur sesuai yang anda inginkan.

Cara Memasang Pada Sidebar Blog

  1. Login dulu ke akun blogger anda.
  2. Kemudian pilih “Tata Letak” >> “Tambah Gadget” >> pilih “HTML/JavaScript”
  3. Silahkan masukkan kode widget recent post diatas pada kolom html java script yang sudah tersedia, jangan lupa diberi judul “Recent Post”, “Artikel Terbaru” atau “Latest Post”.memasang recent post di blog
  4. Terakhir klik Simpan dan lihat hasilnya.

Baca Juga: Cara Membuat Popular Post Keren Berwarna di Blogger

Demikian cara memasang widget recent post, semoga dapat bermanfaat.

Selamat Mencoba.

Leave a Reply