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 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.
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.
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 !
<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>
<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 !
Tidak ada komentar:
Write komentar