Skip to main content

Animated Recent Post Widget for Blogger

     Today we are here with blogging tips and tricks. I will discuss how to add recent post widget for blogger blog with the help of html/javascript. To do this customization you should have knowledge of adding html gadgets in bloggers layout feature. 

     Follow the steps below and get your featured widget of your own choice. Your new published post with some details will come exactly on the place where you add below HTML and JavaScript code. Here we provide 2 type of codes one is for only post title and next one is for post title with some details about post. Its your choice of implementing right code for your blog.

    The two form of codes are given below and only one of them is needed to add on html gadget.



recent post widget for bloggers

Code 1 : Recent Posts Widget with post details

<div id="hlrpsa">
<script src="http://
helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5 ;var showpostdate =false;var showpostsummary =true;var numchars = 100;var standardstyling = true;
</script>
<script src=" http://blog-address.com/feeds/posts/default?
orderby=published&amp;alt=json-in-
script&amp;callback=showrecentposts">
</script>
</div><a style="font-size: 10px;
color: #CECECE; float: right; margin:
5px;" href="http://www.seosmolinks.com" rel="nofollow" >Recent
Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861 ; font-size:
14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999 ; font-size: 12px ;
border-bottom:1px #cccccc dotted;
margin-top:-11px; padding-
bottom:11px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Related posts:

    1. Customize Page Not Found in Blogspot Blog
    2. Related Post Widget For Blogger Blog With Thumbnails 
    3. How to Create Categories in Blogger 
       

    Code 2: only title Recent Posts Widget

    <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://blog-address.com/feeds/posts/default?
    orderby=published&alt=json-in-
    script&callback=showrecentposts">
    </script>
    </div> <a style="font-size: 10px;
    color: #CECECE; float: right; margin:
    5px;" href="http://www.seosmolinks.com" rel="nofollow" >Recent
    Posts Widget</a>
    <noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
    <style type=text/css>
    #hlrpsb a {color: #0B3861 ; font-size:
    14px;}
    #rpdr, #rpdr a {color:#808080;}
    .bbrecpost2 {
    padding-top:7px;
    padding-bottom:7px;
    border-bottom: 1px #cccccc dotted; }
    </style>

    How to add Recent Posts Widget to Blogger

    • Step 1: login to your bloggers account, then find your blog from dashboard and go to layout in settings.
    • Step 2:find a perfect place to add code.
    • Step 3: click on add a gadget link then select HTML/JavaScript gadget from popup window.
    • Step 4 : now copy above code and add that code to this HTML/JavaScript section.
    • Step 5 : Replace the " http://blog-address.com"  text with your URL
    • Step 6 : click on save and preview your blog.



    Related Posts: 

    1. How to Submit Blogger Sitemap To Google and Bing 
    2. Related Post Widget For Blogger Blogs


    Now bookmark this website and see working of this recent post widget from blogger.



    Comments

    Popular posts from this blog

    22+ Social Bookmarking Sites List Without Registration | Working

    Social bookmarking sites are very helpful in gaining quality backlinks no matter they are no follow or do follow ones, but they are of very good quality and high Page Rank.



          These sites gives you boost in traffic and also help you in better search engine rankings(SEO benefit ) without doing any user registration. 
         However, some people tried to get back links of do follow type and then their balance of dofollow vs nofollow  backlinks becomes unstable. In this case when you have more do follow back links as compared to  no follow ones, a manual review of backlink profile is done by google's anti-spam team.
         So its better if you create both dofollow and no follow backlinks to your site. So I am giving you below a list of dofollow social bookmarking site for 2020-2021(Updated). 
         Register there and start optimizing social sites. Don't start spamming because these sites are trusted ones. In future they can help you in many ways, so its better to run your account,…

    Submit your Business Website to 100 Free Search Engines | SEM | add url for free

    Friends, the first step to off page SEO is URL submission. This step is mandatory because search engines do not know about your sites. So whenever you publish a new blog or website please submit your site to top search engines.
          Here you will get free search engine submission sites list to add URL to all search engines. You can use URL submitter to submit your site in one click but it will be good if you manually do URL submission. The reason for manually submitting your site is keywords. If you use URL submitter then you will not able to provide exact keywords to all search engines. 
         So do a free web submission by using top 100 search engines which are listed below. You don't need to register for submitting your Homepage Links in all major search engines. Example: In google you can directly add your site's address for free.
         The need for doing search engine submission is to get organic traffic + backlinks to your website from all major search engines. Yes,  …

    Top 100 forum sites list in india

    Forums are the best way of generating quality backlinks and to make a online business successful. In India we should have quality backlinks from Indian forums to get Indian business, that's why I decided to create a list of 100+ do-follow forum sites which are based in India and have high Page Rank and domain authority. These sites have 90% of Indian traffic, so it is easy to target Indian traffic for free.
          We also have list of forums which are USA and UK based. In this post I created a list in 4 parts, 1st part consist of SEO related forums, 2nd contains forums of webmaster, 3rd is of gaming type forums and 4th is for chatting and discussion forums. I hope you will get appropriate forum for developing your business and niche. Feel free to comment below if these sites helps you.

    Related:
    Social Bookmarking Sites List Without RegistrationDofollow social bookmarking sites listDofollow Photo Sharing Sites100 Top Indian Classified sites

    55+ list of SEO related forums. http://w…

    Top 100+100 free classified sites in india

    Here is a free list of Indian classified sites which are highly active with lots of users. You can post ads free of cost and get dofollow backlinks also for your sites. Classified sites are easiest way of getting popular v.i.a free ads. You can promote your new brand easily and the good thing is you will not pay anything for your ads. 
         Suppose, you post ads in below 100 classified sites, then surely you will get 10 visits per day per ad for free. It means you will get 1000 unique visits from these classified sites and it will also boost your Alexa rankings. It also recommend to use classified sites with high Page-rank and descent domain authority because when you post ad you will get a backlink from them which helps you in SEO purposes.

         Related posts:
    100 Forum posting sites list indiaSocial Bookmarking Sites List Without RegistrationDofollow social bookmarking sites listDofollow Photo Sharing SitesFree business listing sites in India.
    List Updated on 30 May 2020. Enjoy …