How to add auto scrolling recent posts widget in blogger

Many blogspot users always wants to manage their posts with different methods. Like so, some use auto scrolling technique to manage or update their posts to the visitors. Actually, scrolling is also known as marquee behavior. Here I have shared a bunch of codes to make auto scrolling for recent blog posts.

By the way, it is nothing except managing latest blog posts like displaying posts in the sidebar. So if you wish to add this widget into your blogspot blog, then follow the following steps properly.


Step 01: Just login into your blogger dashboard and go to blogger layout.
Step 02: Now just click on add widget link.
Step 03: Add the following bunch of codes there and save it.

<script type='text/javascript'>
var jnWidth="110";
var jnScrollAmount="15";
var jnScrollDelay="55";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="12";
var jnBulletchar =">>";
var jnimagebullet="yes";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF1000";
var jnlinkhovercolor="3366CD";
</script><a href="http://allblogsolution.blogspot.com" target="_blank" title="Blog Tips 2017">Blogging Tips 2017</a>
<script type='text/javascript' src='http://googledrive.com/host/0B-GuAkK2nj5gc0ZCWWdFcDdOZk0' ></script>
<script type='text/javascript' src="http://blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>
Now just remove blogspot.com with your blog url and save it.


Post a Comment

0 Comments