Kumpulan Widget Random Post Untuk Blogger

Kumpulan Widget Random Post Untuk Blogger. Postingan kali ini saya akan share tentang Kumpulan Widget Random Post, Baik Random Post dengan ...

Kumpulan Widget Random Post Untuk Blogger. Postingan kali ini saya akan share tentang Kumpulan Widget Random Post, Baik Random Post dengan Thumbnail maupun No Thumbnail. Saya mendapatkan script Random Post ini dari berbagai Blog yang saya baca. Ya... menurut saya pribadi beberapa widget dibawah ini sangat bagus untuk di letakkan di blog sobat. Kalo sobat tertarik silahkan ikuti Tutorial di bawaw ini.

Cara Menerapkan Random Post di Blog

1. Login ke blog anda

2. Klik Tata letak >> Tambah Gadget >> HTML/JavaScript>>

3. Silahkan atur posisi widget

4. Klik simpan

[<style type="text/css">.noop-random-posts ul li { list-style-image: none;}.noop-random-posts ul { list-style-type: none; margin: 0; padding: 5px 0;}.noop-random-posts ul li { border: 0 none; margin: 5px 0; padding: 10px; position: relative;}.noop-random-posts ul li:first-child { background: none repeat scroll 0 0 #FF4C54; width: 90%;}.noop-random-posts ul li:first-child:after { content: "1";}.noop-random-posts ul li:first-child + li { background: none repeat scroll 0 0 #FF764C; width: 90%;}.noop-random-posts ul li:first-child + li:after { content: "2";}.noop-random-posts ul li:first-child + li + li { background: none repeat scroll 0 0 #FFDE4C; width: 90%;}.noop-random-posts ul li:first-child + li + li:after { content: "3";}.noop-random-posts ul li:first-child + li + li + li { background: none repeat scroll 0 0 #C7F25F; width: 90%;}.noop-random-posts ul li:first-child + li + li + li:after { content: "4";}.noop-random-posts ul li:first-child + li + li + li + li { background: none repeat scroll 0 0 #33C9F7; width: 90%;}.noop-random-posts ul li:first-child + li + li + li + li:after { content: "5";}.noop-random-posts ul li:first-child + li + li + li + li + li { background: none repeat scroll 0 0 #7EE3C7; width: 90%;}.noop-random-posts ul li:first-child + li + li + li + li + li:after { content: "6";}.noop-random-posts ul li:first-child + li + li + li + li + li + li { background: none repeat scroll 0 0 #F6993D; width: 72%;}.noop-random-posts ul li:first-child + li + li + li + li + li + li:after { content: "7";}.noop-random-posts ul li:first-child + li + li + li + li + li + li + li { background: none repeat scroll 0 0 #F59095; width: 69%;}.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after { content: "8";}.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li { background: none repeat scroll 0 0 #C7F25F; width: 66%;}.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after { content: "9";}.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after { background: none repeat scroll 0 0 #353535; border-radius: 50% 50% 50% 50%; color: #FFFFFF; font-size: 25px; height: 30px; position: absolute; right: -17px; text-align: center; top: 1px; width: 30px;}.noop-random-posts ul li a { color: #444444; font-size: 13px; text-decoration: none;}</style><div class="noop-random-posts"><script type="text/javascript">var randarray = new Array();var l=0;var flag;var numofpost=5;function nooprandomposts(json) { var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}if(flag==0&&l!=0) { randarray[i++]=l;}}document.write('<ul>');for(n in randarray) { var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";document.write(item);}}}document.write('</ul>');}</script><a href="http://www.iqbalpajatapuih.com" style="font-size:0pt">Blogger Widgets</a><script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>]

[<ul id="random-posts"></ul><script>//<![CDATA[var homePage = "http://www.iqbalpajatapuih.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>]

[<style> #random-posts img { float: left; margin-right: 10px; border: 1px solid #999; background: black; width: 60px; height: 60px; padding: 3px;} </style> <ul id='random-posts'> <script type='text/javaScript'> var rdp_numposts=5; var rdp_snippet_length=60; var rdp_info='yes'; var rdp_comment='Comment'; var rdp_disable=''; var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json) { rdp_total_posts=json.feed.openSearch$totalResults.$t;}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue() { for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break;}};if(found) { i--;}else { rdp_current[i]=rndValue;}}};function get_random() { var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum;}; </script> <script type='text/javaScript'> function random_posts(json) { a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t;}else { if('summary'in entry){var rdp_get_snippet=entry.summary.$t;}else { var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length) { var rdp_snippet=rdp_get_snippet;}else { rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++) { if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment;}else { rdp_commentsNum=rdp_disable;};if(entry.link[j].rel=='alternate') { var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0';}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry) { var rdp_thumb=entry.media$thumbnail.url;}else { rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJMwmmXmr_mj1v66VRfGunlddPWEq_9y8n604yq47fLT728k0OaojrmvR6-K-LR6-Afe8Agj8tvjf4bGFjGUayPzJfXNSUbTxaLuAzC2Vhx1q9s548kjAPGHoNpP-ECCsI62s8_njIeVZ/";}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes') { document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>';}document.write('<div style="clear:both"></div></li>');}};getvalue();for(var i=0;i<rdp_numposts;i++) {document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>');}; </script> </ul>]

[<style>.rp-post-link {font-weight: bold !important;font-size: 12px !important;}.rp-summary {margin-bottom: 5px !important;border-bottom: 1px dotted #686868;font-size: 12px !important;line-height: 20px !important;word-wrap: break-word !important;}.rp-thumbnail {margin: 5px 5px 2px 0px !important;float: left !important;width:60px;height:60px;}.rp-pubdate {font-style: italic !important;margin-bottom: 3px !important;}</style><script type="text/javascript">var randarray = new Array();var l=0;var flag;var lengthsummary = 120;var numofpost=10;function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0; i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<div>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];var item ="";var posttitle = entry.title.$t || "[Untitled]";"[Untitled]"for(k=entry.link.length -1; k >= 0 ; k--){if(entry.link[k].rel=='alternate'){item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";break;}}item += "<br"item += "/>"if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"var summary = "";if ("content" in entry) {summary = entry.content.$t;}else if ("summary" in entry) {summary = entry.summary.$t;}var re = /<\S[^>]*>/g;summary = summary.replace(re, "");item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";document.write(item);}document.write('</div>');}</script><script src="http://www.iqbalpajatapuih.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>]

Silahkan ganti URL yang telah saya tandai warna merah dengan URL Blog sobat. Sekian dulu postingan tentang Kumpulan Widget Random Post kali ini, semoga article ini bermanfaat.