-->
fLWeAsNtTDyJ8LBwFzvbLJXLfZMxZVmQ7RFnAnMp
Random Post Blogger Valid HTML5 - Kemarin dulu sudah sering kita berbagi rasa, kini saatnya Rapi Serui berbagi cara. Cara Membuat Random Post Blogger Valid HTML5 ini kita share karena admin blog Rapi Serui ini sangat mencintai kebersihan blognya. Bersih dari pengkodingan yang error, juga penempatan widget-widget blog yang dirasa kurang berguna. Tetaplah selalu menjaga kebersihan blog, karena google sendiri menyukai blog yang bersih.

Random Post Blogger Valid HTML5
Random Post Blogger atau Postingan Acak perlu kita bikin karena merupakan widget wajib blogger. Wajib karena Random Post mampu memberikan/menampilkan Postingan Lama secara acak, yang bisa saja kita tak pernah mengingatnya karena artikel kita sudah berjubel. Hal ini memungkinkan Postingan Lama tsb dibaca oleh pengunjung. Random Post Blog Rapi Serui saya kasih judul Etalase.

Random Post Blogger Valid HTML5
Cara Random Post Blogger Valid HTML5 ini sangatlah mudah, hal pertama yang harus lakukan adalah Login ke Akun Blogger sobat. Langkah selanjutnya klik Tata Letak, lalu Tambahkan Widget Baru. Copy paste kode dibawah ini dan Simpan.

<div style="overflow:auto; width:310px; height:150px;">
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "https://www.rapiserui.com/",
numPosts = 10;
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>
<br/>
</div>

Catatan :
Kode yang saya kasih warna biru adalah kode untuk Scroll karena Widget Random Post Rapi Serui saya simpan di Widget Footer sehingga scroll tsb sebagai penyesuai panjang dan lebarnya widget, bisa dihilangkan sesuaikan saja dengan kebutuhan sobat.
Link  https://www.rapiserui.com/ silahkan ganti dengan URL blog sobat.

Happy Blogging !

Artikel Terkait

Related Posts

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Baca lebih lanjut tentang Comment Policy
Buka Komentar