Cara Membuat Random Post (Artikel Acak) Sumber Blog Sendiri Atau Orang Lain: Random list post akan memberikan kesempatan kepada pengunjung blog untuk membaca konten artikel blogger secara acak. Hal ini tentu saja sangat bagus sehingga dirasa perlu untuk membuat random post.
Mengapa Armaila mengatakan membuat random post itu bagus? Hal tersebut dikarenakan random post merupakan salah satu Cara Menurunkan Bounce Rate pada Website dan Blog yang kita kelola.
Bounce rate adalah persentase pengunjung yang langsung meninggalkan website setelah membuka satu halaman saja (Google Analytics).
Nah dengan adanya random post ini tentu saja peluang visitor untuk membaca artikel lainnya lebih berpeluang.
%20Sumber%20Blog%20Sendiri%20Atau%20Orang%20Lain.webp "Cara Membuat Random Post (Artikel Acak) Sumber Blog Sendiri Atau Orang Lain")
Cara Membuat Random Post (Artikel Acak)
Ada dua mode yang bisa dilakukan untuk membuat random list post ini, yaitu artikel acak yang bersumber dari blog kita sendiri atau membuat list post random dengan sumber artikel dari blogspot orang lain.
Oya, sebelumnya perlu diketahui bahwa script atau kode random post ini hanya untuk blogger/blogspot saja atau TLD yang menggunakan host blogger.
Membuat Random Post (Artikel Acak) Sumber Blog Sendiri
Ikuti langkah berikut ini untuk membuat list random post di blogspot dengan sumber post dari blog kita sendiri.
1. Buka akun blogger anda.
2. Pilih menu layout (tataletak).
3. Klik tambahkan gadget (add gadget) dan pilih html/javascript.
4. Setelah terbuka, isi kolom judul dengan nama Random Post atau bebas sesauai dengan yang kamu inginkan.
5. Pada kotak html, masukkan kode berikut ini ke dalamnya.
Berikut kodenya:
<style> #bo-random-posts img { background: #ddd; height: 70px; float: left; width: 70px; margin: 4px; padding: 0px; } #bo-random-posts img:hover { opacity: 0.5; filter: alpha(opacity=50); } ul#bo-random-posts { list-style-type: none; margin-left: 5px; margin-right: 5px; background: #ffffff; background-repeat: no-repeat; } #bo-random-posts li { margin: 8px 0; border-bottom: 1px solid #ddd; } #bo-random-posts li a strong { padding: 10px 0; color: #000080; text-decoration: none; } #bo-random-posts li a:hover{text-decoration:none} .bo-random-summary { display: block; } </style> <ul id='bo-random-posts'> <script> var borp_number = 10; var borp_details = 'yes'; var borp_chars = 60; var borp_details2 = 'no'; var borp_comments = 'Komentar'; var borp_commentsd = 'Comments Disabled'; var borp_current = []; var total_randomposts = 0; var borp_current = new Array(borp_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t; } document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>'); function getvalue() { for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break; } n?r--:borp_current[r]=o; }} function get_random() { return 1+Math.round(Math.random()*(total_randomposts-1)); } </script> <script>function random_posts(t) { for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if("content"in r)i=r.content.$t;else if("summary"in r)i=r.summary.$t;else var i="";if((i=i.replace(/<[^>]*>/g,"")).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(" ");a=i.substring(0,n)+"…"; } for(var o=0;o<r.link.length;o++) { if("thr$total"in r)var l=r.thr$total.$t+" "+borp_comments;else l=borp_commentsd;if("alternate"==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if("media$thumbnail"in r)var u=r.media$thumbnail.url;else u="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscQDJLQSgF-ei3-IjT6nAWs31aSVgEd0C7EBzU-RJ1RHGi0qvFgEVYalpJFE9xnAThu3kd5K3R2fOdXyBKXmrmQpsv6fyfXzQ4V3788lFsckgVATZIjFoHsuKOiA-fo9ZX06d2Np_nAIJ/s1600/no_thumb.png"; }} document.write("<li>"),document.write('<img alt="'+s+'" src="'+u+'"/>'),document.write('<div><a href="'+m+'" rel="nofollow">'+s+"</a></div>"),"yes"==borp_details&&document.write("<span>"+c.substring(8,10)+"."+c.substring(5,7)+"."+c.substring(0,4)+" - "+l),"yes"==borp_details2&&document.write('<span class="random-summary">'+a),document.write('<div style="clear:both"></div></li>'); }} getvalue();for(var i=0;i<borp_number;i++)document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+borp_current[i]+'&max-results=1&callback=random_posts"><\/script>');</script> </ul>
Keterangan:
Angka 10 (berwarna merah) merupakan jumlah daftar artikel yang ditampilkan. Anda bisa mengubahnya sesuai selera anda.
6. Kemudian klik simpan.
Cara Buat Random List Post (Artikel Acak) Sumber Blog Oang Lain
Sementara itu, jika kamu menginginkan postingan di widget random post yang telah dibuat artikelnya berasal dari situs/ blog lain, maka perlu sedikit melakukan pengeditan kode diatas sehingga menjadi seperti berikut ini:
<style> #bo-random-posts img { background: #ddd; height: 70px; float: left; width: 70px; margin: 4px; padding: 0px; } #bo-random-posts img:hover { opacity: 0.5; filter: alpha(opacity=50); } ul#bo-random-posts { list-style-type: none; margin-left: 5px; margin-right: 5px; background: #ffffff; background-repeat: no-repeat; } #bo-random-posts li { margin: 8px 0; border-bottom: 1px solid #ddd; } #bo-random-posts li a strong { padding: 10px 0; color: #000080; text-decoration: none; } #bo-random-posts li a:hover{text-decoration:none} .bo-random-summary { display: block; } </style> <ul id='bo-random-posts'> <script> var homePage = 'https://blogging.armaila.com'; var borp_number = 10; var borp_details = 'yes'; var borp_chars = 60; var borp_details2 = 'no'; var borp_comments = 'Komentar'; var borp_commentsd = 'Comments Disabled'; var borp_current = []; var total_randomposts = 0; var borp_current = new Array(borp_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t; } document.write('<script type=\"text/javascript\" src=\"' + homePage + '/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>'); function getvalue() { for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break; } n?r--:borp_current[r]=o; }} function get_random() { return 1+Math.round(Math.random()*(total_randomposts-1)); } </script> <script>function random_posts(t) { for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if("content"in r)i=r.content.$t;else if("summary"in r)i=r.summary.$t;else var i="";if((i=i.replace(/<[^>]*>/g,"")).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(" ");a=i.substring(0,n)+"…"; } for(var o=0;o<r.link.length;o++) { if("thr$total"in r)var l=r.thr$total.$t+" "+borp_comments;else l=borp_commentsd;if("alternate"==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if("media$thumbnail"in r)var u=r.media$thumbnail.url;else u="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscQDJLQSgF-ei3-IjT6nAWs31aSVgEd0C7EBzU-RJ1RHGi0qvFgEVYalpJFE9xnAThu3kd5K3R2fOdXyBKXmrmQpsv6fyfXzQ4V3788lFsckgVATZIjFoHsuKOiA-fo9ZX06d2Np_nAIJ/s1600/no_thumb.png"; }} document.write("<li>"),document.write('<img alt="'+s+'" src="'+u+'"/>'),document.write('<div><a href="'+m+'" rel="nofollow">'+s+"</a></div>"),"yes"==borp_details&&document.write("<span>"+c.substring(8,10)+"."+c.substring(5,7)+"."+c.substring(0,4)+" - "+l),"yes"==borp_details2&&document.write('<span class="random-summary">'+a),document.write('<div style="clear:both"></div></li>'); }} getvalue();for(var i=0;i<borp_number;i++)document.write('<script type="text/javascript" src="' + homePage + '/feeds/posts/default?alt=json-in-script&start-index='+borp_current[i]+'&max-results=1&callback=random_posts"><\/script>');</script> </ul>
Keterangan:
Yang ditandai warna merah adalah kode yang ditambahkan.
Ganti Url di atas (ditandai warna biru) dengan Url dari situs/blog yang anda kehendaki. Pastikan url atau situs sumber menggunakan hosting google atau berbasis blogger.
Kode script random post diatas Armaila terapkan di blog arminaven.blogspot.com yang menggunakan template VioMagz dengan membuat sumber list artikel random dari Armaila Blogging dan hasilnya seperti terlihat diatas yang menampilkan gambar atau thumbnail dari artikel.
Penutup
Demikianlah artikel tentang 'Cara Membuat Random Post (Artikel Acak) Sumber Blog Sendiri Atau Orang Lain'. Sumber kode diatas diambil dari blog santossalam.blogspot.com dengan judul artikel Cara Membuat Widget Random Post (Artikel Acak) Pada Blog.
Selamat mencoba dan semoga berhasil.