Thursday, November 12, 2015

Auto Scrolling Recent Posts Widget For Blogger / Blogspot


Auto Scrolling Recent Posts Widget For Blogger / Blogspot

 

 

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link..

Step 2. After click on Add a Gadget link A pop-up box will open now
with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget. 

Step 3. Select 'HTML/Javascript' and add the one of code given below. 

<!-- Latest/Recent Posts Scrolling Bar By Solution Mirror -->
<style type="text/css">
#exe_latespost_scrolling_bar {background: #000000;width: auto;margin: 0 auto;text-align: center;color: #F40045;border-bottom: 2px solid #000;-webkit-box-shadow: #666666 0px 1px 3px;-moz-box-shadow: #666666 0px 1px 3px;box-shadow: #666666 0px 1px 3px;z-index: 999999;line-height: 1.85em;letter-spacing: 1px;}
#exe_latespost_scrolling_bar li {display:inline;}
#exe_latespost_scrolling_bar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;}
#exe_latespost_scrolling_bar a:hover{text-decoration:underline;}
</style>
<div id='exe_latespost_scrolling_bar'>
<script type="text/javascript">
function latestpostlistbyexeideas(json) {
document.write('<marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" width="95%" scrolldelay="100" direction="left" >');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var EXEentryUrl = "'" + json.feed.entry[i].link[j].href + "'";
var EXEentryTitle = json.feed.entry[i].title.$t;
var item = ">> <li>" + "<a href=" + EXEentryUrl + ' target="_blank">' + EXEentryTitle + "</a> </li>";
document.write(item);
}
document.write('</marquee>');
}
</script>
<script src="http://www.yourbloggeradress.com/feeds/posts/summary?max-results=10&amp;alt=json-in-script&amp;callback=latestpostlistbysolutionmirror"></script>
<noscript>Allow Your JavaScript To View This Awesome Widget. {<a href="http://www.solutionmirror.blogspot.com">+ Grab this Widget</a>}</noscript>
</div>
<!-- Latest/Recent Posts Scrolling Bar By Solution Mirror -->


Replace Red Link to your Blogger Address..

Load comments


EmoticonEmoticon