Cara Memasang Widget Artikel Acak Tanpa Gambar
Setelah sebelumnya telah kita ketahui bagaimana Cara Membuat Random Post Dengan Thumbnail, di kesempatan kali kita akan buat variasinya yaitu cara membuat widget artikel acak/random post namun tanpa gambar atau thumbnail.
Keuntungan yang didapat saat memasang widget artikel acak ini adalah untuk mengurangi bounce rate yang terjadi pada suatu blog dengan harapan artikel acak yang muncul tersebut mengundang minat untuk membacanya. Dengan demikian waktu tinggal di blog tersebut otomatis akan bertambah lama.
Memasang Widget Artikel Acak Tanpa Gambar
Selain itu widget random post ini juga dapat untuk mempromosikan artikel-artikel lain yang ada di blog untuk dimunculkan sehingga akan lebih mudah ditemukan oleh pengunjung. Dengan hanya menampilkan bagian judul artikel saja tanpa menyertakan thumbnail maka pastinya tidak akan memberatkan loading blog alias tidak mempengaruhi pagespeed blog kamu.
Jadi memasang widget random post tanpa thumbnail bisa menjadi alternatif untuk menaikkan page view blog tanpa mempengaruhi kecepatan blog dan juga tampilan blog. Nah penasaran bagaimana cara memasang widget ini?
Baiklah tanpa perlu lama-lama lagi inilah saatnya untuk membuat widget randompost tanpa gambar yang bisa diimplementaskan pada platform Blogspot, langkahnya sebagai berikut :
- Buka dashboard Blogger
- Pilih menu tata letak
- Tambahkan gadget
- Kemudian pilih HTML/Javascript
- Selanjutnya copy dan paste-kan kode dibawah ini :
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.jasadh.com/",
numPosts = 5;
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>
- Untuk warna hijau diatas silahkan ganti dengan URL blog kamu
- Numposts bisa diatus untuk jumlah artikel acak/random yang akan ditampilkan
- Yang terakhir simpan template dan selanjutnya lakukan cek.
Sesuai dengan namanya yaitu widget random post jadi ketika kita mencoba dengan melakukan refresh halaman maka artikel-artikel yang ditampilkan juga akan berubah-ubah. Berbeda juga dengan artikel terkait karena pada widget artikel acak ini tidak bergantung pada satu label atau kategori saja.
Jika diperhatikan saat kita melakukan blog walking, widget random post yang hanya menampilkan judul tulisan saja tanpa gambar ini sering dipasang dan sekarang kamu sudah tahu bagaimana cara memasangnya. Cukup mudah bukan?
Belum ada Komentar untuk "Cara Memasang Widget Artikel Acak Tanpa Gambar"
Posting Komentar