Recent Post

Wednesday, May 28, 2014

Scrolling Recent Post Widget For Your Blog


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&amp;alt=json-in-script&amp;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. 
   4. All done Enjoy!

Email Newsletter



Smiley :)
:D
:)
:[
;)
:D
:O
(6)
(A)
:'(
:|
:o)
8)
(K)
(M)

No comments :

Post a Comment