Recent Post Widget for Your Blog Using CSS Style

If you want to display the most recent article posted in your blog the recent post widget is the key. Displaying the widget will help your blog reader to know about the new updates. There are many ways to create a recent post widget for your blog one is creating recent post widget using Feeds from Feedburner and the other one is using CSS style. Put the recent post widget on the side bar of your blog.
How to Create Recent Post Widget 
Step 1. Login to your blogger account, and then proceed to your blog layout.

Step 2. Select add gadget and select HTML.

Step 3. Copy the following code and paste on the gadget window.

<div id="hlrpsb"> <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script> <script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src="http://[YOUR SITE URL]/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://www.howtomakeextramoneyblog.com/2013/09/recent-post-widget-for-your-blog-using.html" title="Get It Now!" target="_blank">Recent Posts Widget</a> by <a href="http://www.howtomakeextramoneyblog.com" title="Recent Posts Widget">How to Make Extra Money Blog</a></div><style type=text/css> #hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {padding: 1px 0px 0px 0px; height:15px; margin: 5px 0px 0px 0px;line- height:14px;} #rpdr, #rpdr a {color:#808080;} .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style>

Step 4. Replace your [YOURSITE.COM] with the URL of your blog and save.

5 comments:

  1. Good day! Do you know if they make any plugins to assist with SEO?
    I'm trying to get my blog to rank for some targeted keywords but I'm
    not seeing very good success. If you know of any please share.
    Thank you!

    My web page - http://webfortunevaultblog.com

    ReplyDelete
  2. Way cool! Some very valid points! I appreciate you penning this post and the rest of the site is really good.


    my web-site; online work (caesium.sourceforge.net)

    ReplyDelete
  3. Good way of describing, and good piece of writing to obtain information regarding my presentation subject matter,
    which i am going to convey in school.

    Take a look at my weblog :: income from home

    ReplyDelete
  4. Howdy! I know this is somewhat off topic but I was wondering which blog
    platform are you using for this website? I'm getting tired of
    Wordpress because I've had issues with hackers and
    I'm looking at options for another platform. I would be fantastic if you could point me
    in the direction of a good platform.

    my blog post: women diet pills

    ReplyDelete
  5. What's up i am kavin, its my first time to commenting anywhere, when i read this piece of writing i thought i could also create comment due to this good piece of writing.



    my homepage: best poker bonus

    ReplyDelete