Random Post Horizontal

Susah nyari random post bergambar seperti ini. Kebanyakan vertikal atau bentuk list saja. Maka saya abadikan di posting sekarang. Saya buat posting cara pasang widget random post horizontal. Tujuannya supaya saat saya atau pengunjung butuh, bisa langsung ambil scripnya di halaman ini.

Cara masangnya juga tidak ribet. Ambil kodenya lalu tempel di widget java script. bagusnya di atas post atau tempat banner yang panjangnya 728px.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css">
#random-posts li{width:120px;height:70px;margin-right:10px;margin-left:12px;float:left;list-style:none;position:relative}
#random-posts li:last-child{margin-right:0}
#random-posts li img{width:120px;height:80px;float:center;border-radius:0px}

#random-posts li img a{border:#333 solid 2px}; #random-posts li .isinyako{position:absolute;width:120px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:20pt;border-bottom:2px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0} #random-posts li:last-child .isinyako{right:0} #random-posts li:hover .isinyako{top:-40px;opacity:1;visibility:visible} .isinyako span{font-size:20pt;color:#B30B0B} .isinyako p{font-size:20pt;} </style> <span class="glap"> <ul id="random-posts"> <script type="text/javaScript">
var rdp_numposts = 5;
var rdp_snippet_length =0;
var rdp_info = 'no';
var rdp_comment = 'Comments';
var rdp_disable = 'Turn off comments';
var rdp_current = [];
var rdp_total_posts = 0;
var rdp_current = new Array(rdp_numposts);
function totalposts(a){rdp_total_posts=a.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 b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a}; </script> <script type="text/javaScript"> function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+"&#133;"}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Nij7CSSc9ne1VdgPhUCAW1xmB6ziA58WwtTd_2uAZVQaLDnpWyakFHt1xtGvbNjYNTDp4sETP2dZd3UxZ6uIo0Q2A3lpos1icO2X4O_wnlNcnkU9M03Hq1A3sNzq5hL9GpNbG7j_KN7s/h120/banner.png"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/>');document.write('<div class="isinyako"><h3>'+m+"</h3>");if(rdp_info=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");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></span> <script type='text/javascript'> //<![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("random-posts",120); //]]></script> </b:if>

Di atas adalah gambar penampakannya. Silakan simpan setelah paste kodenya. Kalau cocok ya alhamdulillah. Jika tidak cocok tinggal hapus saja. Semoga bermanfaat.

Tweet