Hot Scrolling Marquee Recent Post Widget For Blogger Blogs

Hot Scrolling Marquee Recent Post Widget For Blogger Blogs

There are many widget on internet for recent or popular widget for sidebar.But we share beautiful recent post widget for above post.This widget is very Hot,beautiful,Stylish and takes very less space of your blogger blog.
It is designed in java and html.This beautiful widget stop or pause on mouseover.This eye catching widget attract visitors and subscribers towards your blog.

So lets Start...

Hot Scrolling Marquee Recent Post Widget For Blogger Blogs

Step1
Go To Your Blogger Layout
Click On Add Widget
Add HTML/JAVA Widget
And Paste Below Code In It

---

<table border="0" cellspacing="0" cellpadding="0" style="width:901px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FyKs6g5ao9Ib_Ppj0Fs3q-t56XXoFXFpfHiQw_N3F43vYkz9G9ZaSeglhXjW2UmduCHcp2NO5OyzUBh_xK7sAF-l9HYWqJyvTcRsjGTiaLh2Cf_bCt0nvxekmy_8HY5T1tveHZo_Kbqk/s1600/Untitled.jpg) no-repeat center left;;padding:3px 3px 3px 100px;border: 1px solid #ddd;;"><tbody><tr><td><div style="position:relative;overflow:hidden;width:895px;height:20px;" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=memoryspeed"><div id="memoryscroller" style="position: absolute; left: -101px; top: 0px;"><nobr><script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js" gapi_processed="true"></script><script type="text/javascript"> var nMaxPosts =10;        var nWidth = 100;        var nScrollDelay = 0;        var sDirection = "left";        var sOpenLinkLocation = "N";        var sBulletChar = "<------>"</script><script type="text/javascript">function RecentPostsScrollerv2(json) { var sHeadLines; var sPostURL; var objPost; var sMoqueeHTMLStart; var sMoqueeHTMLEnd; var sPoweredBy; var sHeadlineTerminator; var sPostLinkLocation;
  try {
   sMoqueeHTMLStart = "\<MARQUEE behavior=\"scroll\" onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";
   if (nWidth) {   sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";  } else {   sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";  }  if (nScrollDelay) {   sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";  }  if (sDirection) {   sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"\>";
    if (sDirection == "left" || sDirection == "right") {    sHeadlineTerminator = "&nbsp;&nbsp;";   } else {    sHeadlineTerminator = "\<br/\>";   }  }  if (sOpenLinkLocation == "N") {   sPostLinkLocation = " target= \"_blank\" ";  } else {   sPostLinkLocation = " ";  }  sMoqueeHTMLEnd = "\</MARQUEE\>"
   sHeadLines = "";
   for (var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++) {   var objPost = json.feed.entry[nFeedCounter];
    if (nFeedCounter == json.feed.entry.length) break;
    for (var nCounter = 0; nCounter < objPost.link.length; nCounter++) {    if (objPost.link[nCounter].rel == 'alternate') {     sPostURL = objPost.link[nCounter].href;     break;    }   }   sHeadLines = sHeadLines + "\<b\>" + sBulletChar + "\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">" + objPost.title.$t + "\</a\>" + sHeadlineTerminator;  }
   if (sDirection == "left") {   sHeadLines = sHeadLines + "&nbsp;&nbsp;" + sPoweredBy;  } else if (sDirection == "right") {   sHeadLines = sPoweredBy + "&nbsp;&nbsp;" + sHeadLines;  } else if (sDirection == "up") {   sHeadLines = sHeadLines + "\<br/\>" + sHeadLines;  }  document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd) } catch (exception) {  alert(exception); }}</script><script src="http://www.f4uonlinecourses.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10" type="text/javascript"></script></nobr></div></div></td></tr></tbody></table>

---

Instruction

Replace             this with your Number Of Post
Replace             this with your Blog Url 

Note
If you find any difficulty regarding 'Hot Scrolling Marquee Recent Post Widget For Blogger Blogs' then feel free to comment below