Do you want to convey a random transportation service that looks similar a featured transportation service slider? If yes, together with thus y'all should banking concern fit this widget out.
It appears merely similar the picture shown below
Features for this widget
Troubleshooting
At commencement I convey to a greater extent than or less problem using this widget when I seat it below header or merely inwards a higher house the footer. The snippet is messing with the widget well-nigh it together with it looks ugly. I tried reducing the snippet value to zero, it helps, but at that spot are withal to a greater extent than or less letters left.
My solution was putting a gap using an picture that volition blend betwixt this widget together with the widget inwards a higher house or below it. In my case, my template is white, thus I downloaded a 728x90 pure white picture together with house it inwards between. Now it doesn't mess with the design.
[code source: www.growtechinfo.com]
It appears merely similar the picture shown below
Features for this widget
- Easy to install.
- Horizontal appearance that looks similar a characteristic transportation service slider
- Easy to customize
- Thumbnail ready
- Doesn't touching on loading speed
Install this widget
1. Go to blogger.com account
2. Dashboard together with thus click "layout"
3. Add gadget together with conduct "HTML/Javascript" together with thus re-create together with glue the next code below
<b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #random-posts li{width:125px;height:150px;margin-right:12px;float:left;list-style:none;position:relative} #random-posts li:last-child{margin-right:0} #random-posts li img{width:125px;height:150px} #random-posts li img a{border:#333 company 2px}; #random-posts li .isinyako{position:absolute;width:250px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border-bottom:2px company 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:90%;color:#B30B0B} .isinyako p{font-size:90%;} </style> <span class="glap"> <ul id="random-posts"> <script type="text/javaScript"> var rdp_numposts = 5; var rdp_snippet_length = 150; 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 = novel Array(rdp_numposts); business office 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"> business office 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" inwards l){var o=l.content.$t}else{if("summary" inwards 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)+"…"}for(var e=0;e<l.link.length;e++){if("thr$total" inwards 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" inwards l){var c=l.media$thumbnail.url}else{c="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggwB_gx9a0rNc2ha63M1M6sGwe5tUYtjV7NeF60CrMQzvBV_5MHgONhlYXqGrR0ujM4l5TQrPToSHpBH08TfrI5iVoYeCEZdI2BZB00LxZqXKv33ri6_H9Kr5rP0pfeVTnceVWpBrhyphenhyphenMo/s1600/no_image.jpg"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="want to convey a random transportation service that looks similar a featured transportation service slider Horizontal Random Post Widget for Blogger" src="'+c+'"/></a>');document.write('<div class="isinyako"><h5>'+m+"</h5>");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[ business office 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>
4. After copying together with pasting the code, seat it below header or merely inwards a higher house the footer merely similar shown on the image.
Customize
- If you want to alter the width together with summit merely alter this width:125px;height:150px.
- To alter the issue of posts merely supersede this issue 5;
- To alter the snippet merely supersede the value 150;
Troubleshooting
At commencement I convey to a greater extent than or less problem using this widget when I seat it below header or merely inwards a higher house the footer. The snippet is messing with the widget well-nigh it together with it looks ugly. I tried reducing the snippet value to zero, it helps, but at that spot are withal to a greater extent than or less letters left.
My solution was putting a gap using an picture that volition blend betwixt this widget together with the widget inwards a higher house or below it. In my case, my template is white, thus I downloaded a 728x90 pure white picture together with house it inwards between. Now it doesn't mess with the design.
[code source: www.growtechinfo.com]
Do y'all liked it? Got questions? Let me read your thought
