Blog Tricks Center: Recent Post Widget

<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 class="post-title entry-title" style="color: #333333; font-family: Arial, sans-serif; font-stretch: normal; line-height: 1.2em; margin: 0px 0px 7px; padding: 3px 0px;">
<span style="color: #4a4949; display: block; text-align: center; text-decoration: none; text-shadow: rgb(102, 102, 102) 0px 1px 1px;"><span style="font-size: x-large;">Add Stylish Scrolling Recent Post Widget To Your Blog</span></span></h2>
<div class="post-body entry-content" style="margin: 0px 0px 0.75em;">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; color: #333333; font-family: verdana; line-height: 1.6em; text-align: center;">
</div>
<div class="separator" style="clear: both; color: #333333; font-family: verdana; line-height: 1.6em; text-align: center;">
<img alt="Scrolling Recent Post Widget" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN3MSPpfqydfJFnTKYWTXWaBFsTS89UfIKl7I4mlVYEMxWg2oy60RY_h0p4vQL6TQhyQ6g4vHh0IoSRlEo1Tr9-MKxPAPmMu3ACzyl_MvE4uaHJhEUxz3tMBloTO1GGHzPEino2K_OitI/s400/recent-post-widget.jpg" style="padding: 10px;" title="Scrolling Recent Post Widget" width="400" /></div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-8616135883183169"
     data-ad-slot="6839278135"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div style="color: #333333; font-family: verdana; line-height: 1.6em; text-align: justify;">
We have share with you amazing bloggers widgets such as Popular Post Widget orRecent 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.<br /><center>
</center>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-8616135883183169"
     data-ad-slot="7224714538"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<h4 style="border-bottom-color: rgb(78, 85, 90); border-bottom-style: dotted; border-bottom-width: 1px; border-top-color: rgb(78, 85, 90); border-top-style: dotted; border-top-width: 1px; color: #4e555a; font-family: verdana; line-height: 1.6em; padding: 3px;">
How To Add Scrolling Recent Post Widget ?</h4>
<span style="color: #333333; font-family: verdana;"><span style="line-height: 1.6em;">   1. Go to </span></span><b style="color: #333333; font-family: verdana; line-height: 1.6em;">blogger</b><span style="color: #333333; font-family: verdana;"><span style="line-height: 1.6em;"> > </span></span><b style="color: #333333; font-family: verdana; line-height: 1.6em;">Layout</b><br /><span style="color: #333333; font-family: verdana;"><span style="line-height: 1.6em;">   2. Then select </span></span><b style="color: #333333; font-family: verdana; line-height: 1.6em;">Add Gadget </b><span style="color: #333333; font-family: verdana;"><span style="line-height: 1.6em;">and choose </span></span><b style="color: #333333; font-family: verdana; line-height: 1.6em;">Html/Javascript</b><br /><div class="separator" style="clear: both; color: #333333; font-family: verdana; line-height: 1.6em; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRNrKg7tK-rNd0FUSU1_CKJhgJzE2h_LheHlP__Q_5WiOFPbW1ss272YRpYSjXOhvvpFgMwMffN6pC-2O3H2vIeaoEaml9Ne5i8g17xE0THeKwSNiUqas_-f192995iMFfzHWT7ImyNw/s1600/blogger-widget.jpg" imageanchor="1" style="color: #0080ff; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRNrKg7tK-rNd0FUSU1_CKJhgJzE2h_LheHlP__Q_5WiOFPbW1ss272YRpYSjXOhvvpFgMwMffN6pC-2O3H2vIeaoEaml9Ne5i8g17xE0THeKwSNiUqas_-f192995iMFfzHWT7ImyNw/s1600/blogger-widget.jpg" style="border-width: 0px; padding: 10px;" /></a></div>
<div class="separator" style="clear: both; color: #333333; font-family: verdana; line-height: 1.6em;">
   3. Now <b>Copy/Paste</b> below code into the popup window.</div>
<blockquote class="tr_bq" style="background-attachment: initial; background-clip: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAABk0nBRaAi0OlOaknQ2nU5uBG3QELEyTLWUtbWNVY3SVSLnq10JrnmT-Tvb6GSZNy4crJZeEb2shceM2ofzdZkZx3GSK5asiYn-Drr4NoTZ9a_rnRzlFtEiTyYtfLja7KbkCOExvpRE/s400/QUOTE1.gif); background-origin: initial; background-position: 0% 0%; background-repeat: repeat-y; background-size: initial; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 1px; margin: 10px 20px; padding: 10px 20px 10px 45px;">
<span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;"><script type='text/javascript'></span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnWidth="100";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnScrollAmount="1";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnScrollDelay="50";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnDirection="left";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jntargetlink="yes";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnnumPosts="10";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnBulletchar =">>>";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnimagebullet="yes";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOE_OL0-KKjpyrLdqTWSuFAXGazLv2PzwZHlVBcsJKdTXSF0szwzIo-7CSZE2cInrOx2HmTTQAstWXDPzI3pRTd3laU2_GdUFgZNooFCZUHA7_fvRN6_BbUf9F61IXxE3yEUnAwBonfQ/s1600/arrows_back_forward.gif";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnfontsize="16";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnbgcolor="red";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnlinkcolor="blue";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">var jnlinkhovercolor="green";</span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;"></script></span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;"><a href="</span></span><span style="background-color: yellow; color: #333333; font-family: verdana; line-height: 20.7999992370605px;">blogtrickscenter.blogspot.com/</span><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;">" target="_blank" title="Blogger Tips and Tricks"><img src="#" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://mybloggersworld.com/" target="_blank" title="Latest Tips And Tricks"><img src="#" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></span></span><br /><span style="background-color: #f2f1f1; color: #333333; font-family: verdana;"><span style="line-height: 1.3em;"><script type='text/javascript' src='https://www.dropbox.com/s/55dft39shztwdt1/recent-comment-scrolling.js' ></script></span></span><br /><span style="color: #333333; font-family: verdana;"><span style="background-color: #f2f1f1; line-height: 1.3em;"><script type='text/javascript' src="</span><span style="background-color: yellow; line-height: 20.7999992370605px;">http://blogtrickscenter.blogspot.com</span><span style="background-color: #f2f1f1; line-height: 1.3em;">/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script></span></span></blockquote>
<ul style="color: #333333; font-family: verdana; line-height: 1.6em; list-style: none;">
<li style="background-attachment: scroll; background-clip: initial; background-image: url(https://lh4.googleusercontent.com/-JMhOvkhRXbA/TxNaK07ZlwI/AAAAAAAAAaY/NRfccFSQ8aw/h120/255.gif); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;">Change <span style="background-color: yellow; line-height: 20.7999992370605px;">blogtrickscenter.blogspot.com</span> to your blog Url. </li>
</ul>
<span style="color: #333333; font-family: verdana;"><span style="line-height: 1.6em;">   4. All done Enjoy!</span></span></div>
</div>
</div>

Add Stylish Scrolling Recent Post Widget To Your Blog We have share with you amazing bloggers widgets such as Popular Post Wid...