We have share with you amazing bloggers widgets such as Popular Post Widget or Recent Comment Widget
to engage your visitors on your blog. The implementation of such
plugins on your blog makes easy for your reader to browse through
different content on your blog and helps to grow readership of your
blog. Today i will share with you guys awesome scrolling recent post
widget for your blog. So lets add this together on your blog.
Now Copy/Paste below code into the popup window.
<!-- Latest/Recent Posts Scrolling Bar By EXEIdeas -->
<style type="text/css">
#exe_latespost_scrolling_bar {background:#1C1D1D;width: 100%;margin: 0 auto;text-align: center;color: #F40045;border-none: 4px solid #000;-webkit-box-shadow: #666666 0px 1px 3px;-moz-box-shadow: #666666 0px 1px 3px;box-shadow: #1C1D1D 0px 1px 3px;z-index: 999999;line-height: 4.85em;letter-spacing: 1px;}
#exe_latespost_scrolling_bar li {display:inline;}
#exe_latespost_scrolling_bar a{text-decoration:none;color:#FFFFFF;font-size:25px;font-weight:bold;font-family:cursive,"Helvetica",sans-serif;}
#exe_latespost_scrolling_bar a:hover{text-decoration:underline;}
#exe_latespost_scrolling_bar_close{float:right;cursor:hand;cursor:pointer;margin: 8px 20px 0 0;}
</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="80" 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://devendras82allfun.blogspot.in/feeds/posts/summary?max-results=10&alt=json-in-script&callback=latestpostlistbyexeideas"></script>
<noscript>Allow Your JavaScript To View This Awesome Widget. {<a href="http://www.exeideas.com">+ Grab this Widget</a>}</noscript>
</div>
<!-- Latest/Recent Posts Scrolling Bar By EXEIdeas -->
- Change http://devendras82allfun.blogspot.in to your blog Url.
No comments :
Post a Comment