Don't Miss

Add Scrolling Recent Posts Widget to Blogger

By Zohaib Liaqat - No Comments
I am extremely sorry for the delaying of posts. Nothing has published on this blog from last 2 weeks and that was because of my exams. So, Now without wasting your time lets jump to our today's tutorial. In this tutorial I'm going to show you that how to Add Scrolling Recent Posts Widget to your Blog. So, friends just follow the steps below to add this widget to your blog. Click here for Demo 

Adding Scrolling Recent Posts Widget your Blog

Step 1. Log in to your Blogger Dashboard
Step 2. Go to Layout >> Click on Add a Gadget and Select HTML/JavaScript Gadget from the list of Gadgets
Step 3. Now Copy the below code and Paste it in the HTML/JavaScript Widget box

<script type="text/javascript">
    var nMaxPosts =10;
        var nWidth = 100;
        var nScrollDelay = 50;
        var sDirection = "left";
        var sOpenLinkLocation = "N";
        var sBulletChar = "•";
</script>
<script src="http://yourjavascript.com/22526711314/blogolect-recent-posts.js" type="text/javascript"></script>
<script src="http://www.blogolect.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10" type="text/javascript"></script>

  •  Replace www.blogolect.blogspot.com with your Blog/Website URL/Address
  •  Replace 10 with the number of recent posts you want to show
  • Change left to change the direction of scrolling (Left or Right)
  • To change Posts Separator/Bullet Text replace • with yours

Step 4. Hit the Save Button
And you're Done.

---> Do you like this article? Share it with your friends/followers and subscribe to this blog now, for you to stay updated with our latest posts.

Tags:

No Comment to " Add Scrolling Recent Posts Widget to Blogger "