Cara Membuat Recent Post Yang Fast Loading

Membuat widget recent post pada sebuah blog cukup penting untuk memudahkan pengunjung menavigasi blog.

Recent post yang dipasang di blog atau tepatnya di halaman sidebar blog nantinya akan berfungsi memunculkan posting-posting yang telah diunggah di blog.

Recent post akan menampilkan posting atau artikel lama maupun baru secara random atau acak, silih berganti.

Dengan terpasangnya widget recent post pada blog disamping dapat menambah jumlah pageview maka diharapkan dapat memperkecil persentase bounce rate yang terjadi pada blog atau website.

Dan, konon katanya, di era SEO 2018, semakin kecil bounce rate yang terjadi pada blog maka akan semakin baik posisi posting kita di search engine google.

Nah, dengan terpasangnya widget recent post pada blog maka pengunjung akan betah berlama-lama dan membuka artikel-artikel yang muncul pada widget recent post yang ada blog kita. Dengan demikian maka persentase bounce rate dapat kita kurangi.

Ada berbagai macam recent post, diantaranya recent post dengan judul beserta gambar thumbnail, recent post berdasarkan label, dan recent post hanya judul artikel saja yang muncul.

Recen post yang akan dibagi diartikel ini adalah recent post dengan judul artikel saja yang nantinya akan muncul pada blog kita.

Walaupun recent post yang akan dibagi ditulisan ini cukup sederhana, tampilan recent post hanya berupa judulnya saja, namun yang terpenting, nilai manfaat dari recent post tersebut tetap efektif dapat menambah pageview dan mengurangi bounce rate, juga tidak memperberat loading blog (fast loading), ringan.

Silahkan anda copy dulu kode recent post dibawah ini yang saya dapat dari blog lain.

Kode untuk membuat recent post

<script type="text/javascript">var randarray = new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item ="<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";document.write(item);}}}document.write('</ul>');}</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Kode recent post yang berwarna merah diatas "10" menunjukan jumlah artikel yang akan dimunculkan. Jika anda ingin merubahnya, silahkan ganti dengan jumlah yang anda mau.

Setelah kode recent post anda copy, selanjutnya silahkan masuk ke:

• Blogger
• Tata letak
• Tambahkan gadget
• HTML/Javascript

Setelah halaman HTML/Javascript terbuka, pada kotak judul, isi widget recent post dengan judul yang anda suka.

Pada kotak kedua, silahkan anda pastekan kode recent post diatas yang tadi telah anda dicopy.

Langkah terakhir klik Simpan. Simpan setelan.

Sebelum melihat hasil recent post yang telah diunggah ke blog, biarkan dulu sejenak hingga proses pemunculan widget recent post berjalan sempurna, dan pastikan, artikel di blog anda sudah berjumlah 10 artikel keatas.

Demikianlah cara membuat dan memasang widget recent post tanpa gambar thumbnail. Semoga dapat diterapkan pada blog responsive anda dan berhasil.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+