Share

25 Juli 2017

Random Post Blogger Valid HTML5

Random Post Blogger Valid HTML5 - Kemarin dulu sudah sering kita berbagi rasa, kini saatnya Er'end Net berbagi cara. Cara Membuat Random Post Blogger Valid HTML5 ini kita share karena Er'end Net mencintai kebersihan blognya. Bersih dari pengkodingan yang error.

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 Er'end Net saya kasih judul Etalase.

Random Post
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 = "http://www.erend.net/",
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 Er'end Net saya simpan di Widget Footer sehingga scroll tsb sebagai penyesuai panjang dan lebarnya widget, bisa dihilangkan sesuaikan saja dengan kebutuhan sobat.
Link  http://www.erend.net/ silahkan ganti dengan URL blog sobat.

Happy Blogging !

    Choose :
  • OR
  • To comment
Tidak ada komentar:
Write komentar

Terima kasih atas minat Anda terhadap Kotak Komentar ini.
Berkomentarlah sesuai topik.
Dilarang Keras menautkan Link !!!

Terbaru
Back to top