Random Post Ringan serta menjadi backlink internal - Navigasi info -->
Lompat ke konten Lompat ke sidebar Lompat ke footer

Random Post Ringan serta menjadi backlink internal

Navigasi Info - tampilan navigasi dalam suatu web atau blog memang menjadi salah satu faktor pendukung agar blog banyak di kunjungi visitor selain bisa menambah backlink internal kita.

Widget pada blog kita memperindah tampilan blog lebih hidup dan komplit dengan beragam fasilitas yang dapat kita bagikan kepada visitor blog kita akan tetapi hal tersebut juga memperlambat tampilan load blog kita terkadang butuh waktu yang cukup lama agar page blog kita dapat tampil.

Sehingga kita harus mengurangi jumlah widget yang tampil pada halaman blog kita hal tersebut membuat kita untuk memilih widget apa saja yang paling di butuhkan untuk tampil di halaman blog atau web kita.

Salah satu widget terpenting untuk tampil pada halaman web kita ialah random postingan sebab dapat mengurangi nilai bounce blog kita karena mereka dapat melihat beberapa posting yang mereka butuhkan yang mana tampil secara acak berbeda dengan populer post yang hanya menampilkan postingan blog yang paling sering visitor blog kita baca.

Coding Random post


Akan tetapi terkadang kita mendapati banyak kodingan widget random post yang waktu untuk tampilnya sangat lama baik yang bergambar ataupun tak bergambar.


Oleh sebab itu saya akan membagikan kodingan widget random post atau postingan secara acak yang mana sebagai berikut :

  • Langkah pertama kalian menuju dasbor blogger kalian
  • Kemudian pilihlah letak widget yang kalian inginkan
  • Setelah itu klik html dan copy kode javascript dibawah ini :



Kodingan Widget Random Post


<div style="border-radius:10px 10px 10px 10px; padding:12px;border:1px solid #999;height:720px">

<style type='text/css'>
#random-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}
#random-posts li {
  padding: 0 0 5px 0;
  font-size:16px;
  margin: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#random-posts li a:hover {
  color: #39a6f3;
}
#random-posts li a {
      text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    color: #444;
    line-height: 1.4em;
    transition: all ease-in-out .1s;
}
</style>
<ul id="random-posts"></ul>
<script type='text/javascript'>
//<![CDATA[
var homePage = "https://navigasiinfo.blogspot.com/",
numPosts = 12;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-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+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
</div>




  • Kemudian paste kodingan diatas di widget html
  • Lalu simpan.
Note : yang berwarna kuning untuk kodingan border nya dapat kalian hapus jika tidak menginginkan nya yang berwarna ungu kalian ganti dengan url blog kalian dan yang berwarna merah untuk jumlah postingan pada random post kalian.

Maka kalian akan mendapatkan widget random post acak yang sangat ringan dan menambah backlink internal pada blog kalian contoh nya seperti dibawah ini :

Random post ringan


Semoga bermanfaat dan terima kasih telah berkunjung di blog kami.