Thursday, March 02, 2017

Display recent post titles scrolling in a horizontal line on top of your page

ad300
Advertisement
Display recent post titles scrolling in a horizontal line on top of your page - If your recent posts are shown scrolling in a horizontal line, it will not only make your page attractive but attract your Visitors attention also. It occupies miner space on your page and you can set it above your posts or even in the side bar. This will cause your visitors to view more of your posts. You can easily do it by adding a small HTML script to your blogger HTML document. You can also set the time delay and number of posts by making small changes as indicated in the script by colors.
Display your recent post scrolling in a horizontal line on your page
Display your recent post scrolling in a horizontal line on your page


How to add the recent post scrolling code to your HTML document

  • Login to your blogger dashboard
  • Click layout
  • Click add gadget
  • Choose HTML/Java script
  • Copy the code given below and paste it in the empty box
<script style="text/javascript"

src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script>

<script style="text/javascript"> var nMaxPosts = 10; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script>

<script style="text/javascript" src="http://write your blog URL here/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>



Note – before pasting this code write your entire blog URL replacing the text, which is shown in red color.
  • Save the changes and exit.
You can make the following changes to the code given above as per your requirements.
  • You can replace the figure 10 by a number of your choice. This is the number of post titles to be displayed. If you want to display 15 post titles, change the figure 10 by15 and so on.
  • If you want to make changes in the scrolling speed, make necessary changes to180.
  • If you want to change the direction, replace left by right, but it may start displaying your post title from end to start.
That’s all you are done.



Share This
Previous Post
Next Post

Pellentesque vitae lectus in mauris sollicitudin ornare sit amet eget ligula. Donec pharetra, arcu eu consectetur semper, est nulla sodales risus, vel efficitur orci justo quis tellus. Phasellus sit amet est pharetra

0 comments: