Recent/Latest Posts Widget For Blogger/Blogspot

Pin It
Recent Posts Widget
You surely have seen on many blogs and websites a Recent Posts Widget in the sidebar that shows the recent or newest or latest posts of the certain blog or website. This widget shows how to write posts title for SEO, date of post and an image of the post and even a snippet of the post. So today we are going to learn how to make this widget for your blog with some very easy steps. So let's start now.



How to add Recent Posts Widget to Blogger


Step 1. Log in to your Blogger Dashboard, then go to Layout and click on Add a Gadget link
Step 2. From the pop-up window, scroll down and choose HTML/JavaScript.
Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript: 

Option 1: Recent posts widget with snippets

<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://your-blog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.blogtipsuk.com/2014/03/increase-traffic-visitors-to-blog-easily.html" target="_blank" title="Grab this Recent Posts Widget" alt="Increase blog Traffic tips">how to increase blog traffic in blogger</a> by <a href="http://www.blogtipsuk.com/" title="Recent Posts Widget"
alt="Blogger Tips and tricks">SEO Tips and Tricks</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>


Option 2: Recent Posts Widget Showing Post Titles Only


<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-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://www.blogtipsuk.com/2014/03/increase-traffic-visitors-to-blog-easily.html" target="_blank" title="Grab this Recent Posts Widget" alt="Increase blog Traffic tips">how to increase blog traffic in blogger</a> by <a href="http://www.blogtipsuk.com/" title="Recent Posts Widget"
alt="Blogger Tips and tricks">SEO Tips and Tricks</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; 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.

  • Change 5 (option 1) and 10 (option 2) with the number of posts you want to display. 
  • Change false to true if you want the posts dates to appear 
  • Change 100 (option 1) if you want more characters to be displayed.
  • To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
  • To change the style of posts summary, modify the values in green (color) and orange (font size)
  • Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address.

Step 5. Save your widget. And that's it! Enjoy!

If you need any help, leave a comment below.
And if you liked this post, please consider sharing it. Thanks.

PLEASE NOTE:

If you have any questions regarding this article,please comment and I'll reply as soon as possible.

We have Zero Tolerance to Spam. Comments with Links will be deleted.

36 comments:

  1. Hey everyone check out this website"simplesoftwares4u.blogspot.com"

    ReplyDelete
  2. Nice information about blogger post. i like it

    ReplyDelete
  3. This is very amazing blogs post. I liked it. So thank you very much for this post.
    Visit at http://packersandmoversbangalore.webnode.in/

    ReplyDelete
  4. Thanks for give this wonderful information. I like this...

    ReplyDelete
  5. It is highly informative postfor me. I really enjoyed it. Thankyou
    Best SEO Services

    ReplyDelete
  6. 4S IT Solutions offers a full range of IT services to support your business infrastructure outside of your data center, too. From networking to hardware to applications, our team of certified experts will monitor, manage and maintain your IT environment.
    This is our site please visit for further details...
    https://4sitsolutions.com/

    ReplyDelete
  7. Great share!

    I love this bucket list and you know you're right. sand blasting machine manufacturer. We all have the same amount of hours in a day so put them to good use. We all have to start somewhere and your plan is perfect. I understand the way of the attractive to the customer with the products sand blasting machine.

    Sand blasting machines like shot blasting machine, sand blasting machine, and grit blasting machines, Wood Working Machinery Dust Extraction unit, Abrasive Blasting Media and various others. Keep it works and share with us your latest information. My time will come but I know I'm on the right path.

    They are similar to small communities that you own - check them out if you haven't already. It's all got a lot better than before!t. Value that list of thousands but I'll get there.

    Thanks for sharing. Have a nice week ahead.
    Visit at : www.gritblast.co.in

    Also check
    portable shot blasting machine
    portable sand blasting machine
    sand blasting cabinet
    grit blasting cabinet
    shot blasting cabinet

    Regards,
    Ankit Manawat.

    ReplyDelete
  8. Great share!

    I love this bucket list and you know you're right. sand blasting machine manufacturer. We all have the same amount of hours in a day so put them to good use. We all have to start somewhere and your plan is perfect. I understand the way of the attractive to the customer with the products sand blasting machine.

    Sand blasting machines like shot blasting machine, sand blasting machine, and grit blasting machines, Wood Working Machinery Dust Extraction unit, Abrasive Blasting Media and various others. Keep it works and share with us your latest information. My time will come but I know I'm on the right path.

    They are similar to small communities that you own - check them out if you haven't already. It's all got a lot better than before!t. Value that list of thousands but I'll get there.

    Thanks for sharing. Have a nice week ahead.
    Visit at : www.gritblast.co.in

    Also check
    portable shot blasting machine
    portable sand blasting machine
    sand blasting cabinet
    grit blasting cabinet
    shot blasting cabinet

    Regards,
    Ankit Manawat.

    ReplyDelete
  9. You there, this is really good post here. Thanks for taking the time to post such valuable information. Quality content is what always gets the visitors coming. joyas de plata

    ReplyDelete
  10. This article looks good, we also providing Digital Marketing service Chennaiand other location:

    If you want click here: chennaiseoexpert.com

    ReplyDelete
  11. Techsaga, as Digital Marketing Experts Company in Noida, delivers inspiring, eye-catching designs and measurable campaigns that connect with target audiences, boost online marketing, and encourage business growth. it can help you meet your needs across a range of full-service online marketing services. Are you looking for help with great content, SEO, PPC campaigns, a full digital marketing strategy, campaign, or something else? No matter what you need, our experts can help you.

    ReplyDelete
  12. Yuk Gabung di NAGAQQ: AGEN BANDARQ BANDARQ ONLINE ADUQ ONLINE DOMINOQQ TERBAIK

    Yang Merupakan Agen Bandarq, Domino 99, Dan Bandar Poker Online Terpercaya di asia hadir untuk anda semua dengan permainan permainan menarik dan bonus menarik untuk anda semua

    Bonus yang diberikan NagaQQ :
    * Bonus rollingan 0.5%,setiap senin di bagikannya
    * Bonus Refferal 10% + 10%,seumur hidup
    * Bonus Jackpot, yang dapat anda dapatkan dengan mudah
    * Minimal Depo 15.000
    * Minimal WD 20.000

    Games Yang di Hadirkan NagaQQ :
    * Poker Online
    * BandarQ
    * Domino99
    * Bandar Poker
    * Bandar66
    * Sakong
    * Capsa Susun
    * AduQ
    * Perang Bacarrat
    * Perang Dadu
    * BDQQ
    * Adu Sakong (New Games)

    Menyediakan deposit Via E-Money
    Seperti : OVO, Dana , Gopay, Link aja ,dll

    Info Lebih lanjut Kunjungi :
    Website : NagaQQ
    Facebook : NagaQQ Official

    ReplyDelete
  13. Thank you for discussing this very useful article. I heard something new from you. Keep blogging. SEO Dubai

    ReplyDelete
  14. Hello,
    Your content is Amazing and very useful, please have a look on mine too!
    Local SEO Agency

    ReplyDelete
  15. thanks for giving me this information
    HP service center in delhi Hi, We are an HP laptop service center in Delhi. We provide the best solution for laptop issues or problems. brings you the best service at your home. We have specialist engineers and they have the last 20 years' experience. We deal in all types of problems like hardware up-gradation, software installation, motherboard repairs, etc. visit our website https://www.hplaptopservicecentres.com/hp-service-center-in-delhi/ and call us on 7291903784

    ReplyDelete
  16. HP service center in delhi Hi, We are an HP laptop service center in Delhi. We provide the best solution for laptop issues or problems. brings you the best service at your home. We have specialist engineers and they have the last 20 years' experience. We deal in all types of problems like hardware up-gradation, software installation, motherboard repairs, etc. visit our website https://www.hplaptopservicecentres.com/hp-service-center-in-delhi/ and call us on 7291903784

    ReplyDelete
  17. Good Blog, Such a Nice Content, Informative for Readers Keep Posting.
    SEO Company Pune
    SEO Pune

    ReplyDelete
  18. I have written blog about tarpaulins. Tarpaulins Protect your Garden and you can also use in your home. for more Read This

    ReplyDelete
  19. Aswindow one of the largest upvc doors manufacturers in delhi and windows manufacturers and suppliers in India. It provides quality uPVC doors and windows with guarantees.

    ReplyDelete
  20. We Offers All Types Of Affordable Luxury Cars On Rent For Wedding, Marriage, Roka, Doli, Shadi, Family Events, Sagun, Honeymoon Tours etc.
    best luxury car rental in Chandigarh
    luxury car rental in Chandigarh

    ReplyDelete
  21. Media Foster is the best SEO company who is known for providing result-oriented white hat & best SEO services at Mohali for all businesses. if you need more information visit our website.
    best SEO company in Mohali
    digital marketing company in Mohali

    ReplyDelete
  22. PT. Cahya Aroma Inti (CAI) adalah Pabrik Kopi yang menyediakan biji kopi matang & kopi bubuk robusta dan arabika di wilayah Jakarta, Tangerang dan area lain di Indonesia. Kami juga menyediakan Mesin Roasting Kopi.

    ReplyDelete
Emoticons Smileys for Blogger Comments
Show Emoticons >>

PLEASE NOTE:

If you have any questions regarding this article,please comment and I'll reply as soon as possible.

We have Zero Tolerance to Spam. Comments with Links will be deleted.