Monday, November 05, 2012

Show your Recent Blog Posts as Headline !!








Recent posts widget can increase your page views to a great extent. When someone is on your blog and reading a topic he may find another topic useful from recent post list. So adding a recent posts widget is also important for attracting readers to stay long in your site. 

But there maybe many other widgets in your blog. And adding too much widget is boring and it also looks odd. 

Today I'm gonna share a code with you. This code will show your recent posts as headline! And certainly it will be space effective. It will take space just as a single line. All you need to do, is just add an HTML/ JavaScript gadget at the top of your site. 

  1. First, sign in to your blogger account and go to design.
  2. Then hit on layout button from the left pane.
  3. Click on Add a Gadget (Select gadget from top).
  4. Choose HTML/ JavaScript.
  5. Now copy and paste the following code into the content box.
  6. Now save the gadget and view your blog.

<script style="text/javascript" src="https://sites.google.com/site/munnamark/test/Recent%20Post%20Headline%20Widget.js?attredirects=0&d=1"> </script><script style="text/javascript"> var nMaxPosts = 7; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="S"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://munnamark.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script><span style="font-size: 55%;" > <a target = "_blank" http://munnamark.blogspot.com/2012/11/show-your-recent-blog-posts-as-headline.html " >Get this Widget</a>


Remember, here I used my blog link. You must change the red part of the code with your blog name. And just change the red part. Nothing else.



Customization: You can also customize the code as below.


  • Max Posts = 7. That means how many posts will be shown. You can change this as 5, 6 or more.
  • Scroll Delay = 175. If you write 100, it will increase the speed. And if you wanna make it slower then use more than 175.
  • Direction = Left. That means your post will be moved from right to left. You can also use right. 


Stay with Marks PC Solution to get more interesting IT topics!


6 comments:

  1. I want to remove powered by MArks PC Solution but how www.technologyforcse.blogspot.com

    ReplyDelete
    Replies
    1. Please rewrite clearly. Your comment is somewhat confusing. What do you want actually?

      Delete
    2. after scrolling all 5 posts there exists "powered by Marks PC solution".So I want to remove the "powered by Marks PC Solution2" how????? check www.technologyforcse.blogspot.com

      Delete
    3. Will you mind if powered by Marks PC Solution exist there?

      This is a long boring job to change that code. Because this code is uploaded to a different server.

      Delete
  2. Would You Provide the link that where the server exists

    ReplyDelete
  3. Hey There. I discovered your blog the use of msn. This is a really well written article.
    I'll be sure to bookmark it and return to read extra of your helpful information. Thank you for the post. I'll definitely comeback.

    You are welcome to my blog: How To Get Money Without Adsense

    ReplyDelete