Recent Posts Widget with Thumbnails for Blogger/Blogspot

Po ... Recent Posts Widget with Thumbnails for Blogger/Blogspot 135 comments A few days ago, I posted a tutorial on How to Add a Simple Recent Posts Widgetthat shows a list with the most recent posts if you would prefer a more minimalist look. In this post, you will see a different way of displaying the Recent Posts on Blogger - this is specially for those who want to show more info like the recent posts excerpt / summary and the posts thumbnails. To add this gadget is very simple, just follow these steps below: How to Add the Recent Posts Widget to Blogger Step 1.From your Blogger Dashboard, go toLayout> click onAdd a Gadgetlink Step 2.From the pop-up window, scroll down and choose HTML/JavaScript Step 3.Inside the empty box, add the following code:

Recent Posts Thumbnails Blogger Widget

Step 4.ReplaceYOUR-BLOGwith the url of your site/blog (ex: http://helplogger.blogspot.com) and pay attention to have no forward slash symbol "/" at the end of your url, otherwise it won't function properly. To disable the scroll bar, remove the number500 By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number8with the number of posts desired if you want only the posts titles to appear, changetruetononeand "0" frompadding-top:0pxwith 10Step 5.Save your widget. And you're done! Like 18 Random Posts How to Add Adsense Ads In the Middle or Anywhere inside Blogger Posts16/01/2014 - 13 Comments Horizontal menu with sub-tabs in two columns for Blogger02/06/2013 - 27 Comments How To Add a Floating Sticky Footer Bar in Blogger09/02/2014 - 0 Comments Related Posts: Share blog posts in social medias u... Add floating social media sharing b... Add A CSS Animated Share Button on ... Orbit - jQuery Image Slider Plugin ... Advanced Random posts widget for Bl... 135 comments: MagicTuneBD 5/29/2012 How to decrease the Thumbnails size??? Reply Replies Anonymous 3/03/2014 same with me...please check my website http://www.trends- link.com/ Shoaib 6/02/2012 nice i get it cool Reply Muhammad Shoaib 6/02/2012 Very Awesome Reply Blogger Tricks 6/05/2012 Thanks very much :) Reply lexiedensy 7/06/2012 hi. i was able to make the widget appear however the thumbnails are blank. what to do please? thanks... Reply Tjsid 7/09/2012 Same Here.... Thumbnails not appearing Reply Motor News 7/22/2012 Thanks very much :) Reply Nathaly RMT 7/25/2012 Hello, I tried all what you said but it can't show me anything :( here is my blog pliztellme.com Reply Kevin Ogbonna 8/03/2012 It worked magic in my blog...thank u for the great tool, ure the best! Reply Loonlydevil 8/04/2012 nice post I had added this to my blogger. Reply ae mars 8/04/2012 hi, how to make it horizontal instead of vertical recent post? thanks.. Reply Replies brighten maha 1/24/2013 I wannt know the horizontal feature too. Daily Blogger Templates 8/13/2012 thanks..nice blog Reply Anonymous 8/14/2012 I don't see any thumbnails? Reply Aman shafeef 8/16/2012 good Reply Alistair McAlpine 8/24/2012 Thanks this works great - much appreciated Reply Anonymous 8/25/2012 How to change thumbnail size and summary length? Reply TecLogger 8/25/2012 Hello, I followed the instructions and everything correctly, but I have a problem. The recent posts appeared, but they do not have images(thumbnail), although my original posts have images inside of them. this is my blog: http://mylast4.blogspot.co m/ Please I need help ;) Thank You Reply Samy Jain 8/26/2012 wow.. greatest share......... Reply Irsyad 8/27/2012 its blank, why no thumbnail? :'( Reply 33rd Square 8/27/2012 Great tool. Thank you! Reply Horny Page 8/29/2012 Thanks bro it is handsome i like it Reply John Smith 8/29/2012 That's good brother, such a nice post. But, as others complained, how to manage the sumary, thumbnail, title, and even the arrangement? What if i want to show the sumary above the image and title? I've published an article due to this matter, maybe some of those who posted the comments above gonna love it. Check it here if you'd like: Recent Post Thumbnail For Blogger. Nice to find this blog anyway. Realy a good blog admin, and i love it. :) Reply John Smith 9/03/2012 Nice post great man. I made this a few times ago, but no more. Now i use the automic widget for it. Just click and done. Sorry for the spam comment a few weeks ago. :) Reply Jayr 9/07/2012 Maybe this could help. Thanks! Reply Sardinia Baby 9/08/2012 Brilliant widget! Thank you! Do you know if there is any way I can change the font colour of the title of each post listed? Also is there a way of selecting different posts to display. THANK YOU!!!!! info@ sardiniababy.com Reply Jayne 9/10/2012 Thanks- got it installed, but for some reason the most recent post (first one on list) does not have the text description. Nice efforts here! :) Reply shahid 9/16/2012 Its really very nice post Reply Ilham 9/20/2012 very cool. thanks. Reply Mahaveer 9/23/2012 Thanks! This was the one I was really looking for. Works perfectly at my blog. Reply Anonymous 9/27/2012 Your site is wonderful. I’m so satisfied to have discovered you.I appreciate to this one. Reply Person OfInterest 9/29/2012 Keeps coming back with "No Results" Reply Muzafar Ali 10/08/2012 Thanks! Its really very nice post Reply Arnab R 10/21/2012 Thanx a lot for this widget..though the thumbnails of the Posts are not appearing in my blog..see it at.. http://cosmologistic.blog spot.in/ Reply vishal singh 10/25/2012 cool Reply www.studentvoice.in- Officials 11/13/2012 thank you very very much.... Reply Ama @TipsTrikBlogging.Com 11/24/2012 Thanks, i will try it in my blog. Reply kenanzi 11/29/2012 How do I post an HTML link to the comments sections of someone else blog on blogger (blog spot)? I keep trying post a hot link to another page and when its published in the comments section - it just shows the code I pasted. I know its possible as everyone else on these comments posts links. THANKS Reply batamia.com 12/26/2012 thankyu..informative.. [;)] Great post!.. keep the posts coming & i will keep reading them. thank for help them. Great blog dude! I just linked to this post on my Delicious. Keep it up! By: www.batamia.com Reply adams 12/31/2012 Its wouldn't be better then this because its truly an informative post. Thanks for the great work and keep going!!! Reply Whispering Bird 1/06/2013 two questions: - how do I "un-bold" the post title font for my recent x? - Can I tell the widget to list posts so that the oldest ones show first? Great widget btw. I really like it If anyone wants to see what it looks like you can go here for a visual: whisperingbird.blogsp ot.com WB Reply Unknown!!! 1/16/2013 I want my selected posts in thumbnails in the sidebar, how can I do that? Reply Polina ... 1/17/2013 thank you!!! It worked fine with me!!!!! You rock ^__^ Reply allison125 1/23/2013 Thank you so much!! I Did It... and So Can You! Reply j. sri vishnu Karthik 2/02/2013 thanks it works great Reply Sumiharjon Simbolon 2/05/2013 its very heavy to load this script.. Reply dailyschoolnews 2/06/2013 thanks sir for this wonderful widget, i have successfully added it to dailyschoolnews Reply Cam Loon 2/08/2013 is a really nice widget, needs some work....only one thumbnail was displayed :-) Reply Muara Fatan 2/09/2013 I`am looking for tumbnail recent post where the tumbnail goes left to right, is there any? Reply Jyoti khatri 2/16/2013 Sorry to say but its not working. Reply Jemika 2/17/2013 Nice, but why the few of content isn't appear in my blog http://jemick.blogspot.com . Help me please Reply hemanth kumar 2/20/2013 thanks for post Reply Md Azeem 2/21/2013 Recent Posts doesn't appear in That gadget! My Blog: http://bhejamatpaka.blo gspot.in Reply Anonymous 2/21/2013 I'll test it out. Thank you so much. Reply Monika Kowalska 2/25/2013 It is not working anymore ... Reply Kanyinulia 2/26/2013 Thanks. I've added it to my blog. Your blog is very resourceful. keep it up Reply Oyon 3/03/2013 It is not updating the list in my blog! It was working fine! I don't know what happened! My last two article are not showing up!! Reply DEVID 3/12/2013 Is adding this script(to make a list) in blog post is spam? Reply Vicky Budiman 3/12/2013 thank you so much, bro. u make my blog become greater :D visit me at vickzkater.blogspot.c om Reply Dre Pampainit 3/15/2013 Thanks dre! Reply The Movie Waffler 3/25/2013 Is there a way to remove the blogger logo? Also, how to increase the summary length? Thanks Reply Ayanthi De Silva 4/03/2013 Thanks a lot Reply samsung galaxy s4 4/07/2013 It worked in my blog,thanks a lot for the great tool Reply Imperial Black 4/08/2013 Also to remove the scrollbar, change "height":"500" to "height":"auto" Reply Cinemaniac 4/08/2013 Oops! What happend.. look at me :D Reply South indian Actresses Hot Pictures in Bikini 4/10/2013 i am trying to get this for http://www.naziapakist an.blogspot.com but its show like this Recent Posts Thumbnails Blogger Widget any suggestion pleas Reply www.dasathanews.com 4/15/2013 Hey its great. Working for my nicely!. Thank you! Reply Sridhar Chandrasekaran 4/17/2013 Thank you so much. It works Reply Greek-Observatory 4/20/2013 Thanks very much :) http://greek- observatory.blogspot.c om/ Reply vgopal 4/21/2013 Thank you very much I have installed this widget at http://www.findmesimilar.c om/ but how to increase the width of this widget. Thanks in advance. Reply Sardinia Baby! 4/29/2013 Hi, it looks great but I can only seem to get it to display 20 posts. Ideally I need a widget like this one to display all my posts on a page. Can you help? info@ sardiniababy.com Reply บาคาร่าออนไลน์ 5/04/2013 บาคาร่าออนไลน์/ บาคาร่า/ คาสิโน/ คาสิโนออนไลน์ Reply Ariful Haque 5/06/2013 thats great. this tutorial absolutely working. www.smarsia.blogspo t.com Reply Kirsten Kingsley 5/07/2013 I can't thank you enough for this, it's been so helpful :-) -Kirsten http://lateforteaa.blo gspot.co.uk/ Reply all-with-all 5/07/2013 Good work brother now i use this many thanks look! http://all- with-all.blogspot.com/ Reply Melissa 5/13/2013 Thank you- very cool- I appreciate the customization options! Reply Tina Butler 5/13/2013 Is there a way to remove the blogger logo and unbold the post titles? Reply Kim Wankaikaew 5/13/2013 How i can do? if i don't need picture thumbnails. Reply Graha Nurdian 5/14/2013 I've remove the 500, why it's still using scroll ? Reply loans with bad credit 5/24/2013 Very useful… now i am understand how to optimize my blog. thanks.. Reply Hana K 5/24/2013 same here Reply anand selvaraj 5/28/2013 target='_blank' for post title. Reply Steelseries Siberia 5/30/2013 This post makes my day. I'm going to implement it as soon as I get home. I'm sure that this widget will retain some visitors. Thanks a lot. Already subscribe to your blog and will be back to more useful post. Reply Sports Brothers Report 5/31/2013 this was working great.. it has stopped working for some reason? http://sportsbrothersfa m.blogspot.com/ Reply Sports Brothers Report 5/31/2013 working now.. Reply Sports Brothers Report 6/01/2013 not working again... http://www.sportsbroth ersreport.com/ Reply عشاق التقنية, شروحات في الانترنت بالصوت والصورة 6/04/2013 thanks for tuto. Reply Sarah Stoll 6/07/2013 Thanks you for this widget, but how can I remove the thumbnails? They're too big. Reply akei 6/21/2013 thanx for writing the post. I've just tried it but the thumbnail 'n excerpts don't appear. what should I do? Reply Saad Rehman 6/23/2013 My thumbnails are blank.......Please assist me Reply Anonymous 6/28/2013 Just what I was looking for.... Thank you. Reply easy payday loan 6/28/2013 Great information i like it you are really smart. thank you.. Reply Adi™ 6/30/2013 I have already installed a recent post with thumbnails on my blog. Now, my blog looks better. Reply Iftikhar uddin 8/30/2013 This is really incredible , I Liked it ! Reply Your Affordable Pet Movers 8/31/2013 Hey its great. Working for my nicely!. Thank you! Reply Oleg Oleg 9/03/2013 love it! Reply muhammad izwan mohd rahim 9/11/2013 Hi, i really like and love this widget.this is what i looking for but i need some help. why recent post list only list just 20 post only? i already adjust the count number more than 50 but still show only 20 post list. how to modify the code to make it list more than 20 post list? tq. Reply Crator 9/18/2013 this is nice VERY NICE thank you so much... BUT there's a problem. the Title appears as "null" instead of the actual titles from the posts themselves ;[ Help please!!! Reply Betty Ben 10/10/2013 Awesome post . i like it Reply Zeeshan Anjum 10/17/2013 Thanks this Sharing............ Reply Albert Arandid 10/20/2013 IF YOU WANT TO REMOVE THE THUMNAILS: PUT THIS .pipesThumbnail {display:none;} JUST BELOW .pipesDescription {display:true;} YOU CAN SEE EXAMPLE HERE www.nursingclient.co m Reply Tân Nguyễn Quốc 10/20/2013 Hey its great. Working for my nicely!. Thank you! viec lam Reply Nungging69 10/27/2013 hi, how to remove image tunmbail.. i just wanna link only.. Reply MOSSAN 11/05/2013 Thank Youuuuuu Reply Tips Blogspot 11/08/2013 thanks, nice sharing Reply Md.Ashikuzzaman AShik 11/11/2013 Thank you.My blog is http://submitmysites. blogspot.com/ for net solution.But I want to change the thumbnail image size.Please help. Reply Tam 11/14/2013 wow! fantastic widget and great job. it really suited my blog. Thanks a lot! Reply Faheem Hafeez 11/21/2013 Great post to share thanks for sharing Reply KingofAeons 11/22/2013 Anyone know how to decrease the padding between first post and top? Kind of a little large. Reply KingofAeons 11/24/2013 Is there a way to increase the time it uses to determine "recent"? Reply www.27afril.blogspot.co m 12/02/2013 thanksss Reply Sri Gedara 12/03/2013 i used your widget for label it is amazing http://lkfunniest.blog spot.com Reply Ridha 12/04/2013 How to increase the size? Reply Firoz Kabir 12/17/2013 Hello Dear, Finally I have been capable to set it to my blog Textile Aid. Thanks a lot Reply Mohammad Razin 12/18/2013 I want the image to be big and the post title to appear below the image.. ca u say how to do it? Reply Hiya Hola 12/22/2013 Thank you soo much :D Reply Divy Singh Rathore 12/22/2013 Nice widget Reply Sebin Thomas 12/23/2013 Great widget bro, Is there is anyway to increase loading time of this widget? It only loads after loading all widgets on my site. Reply Hammad Rafiq 12/31/2013 Thanks for such an incredible post in easy language.. I like the way you write to touch the readers.. Appreciatable Please check, I've just added this widget: http://ethicalsoftwar es.blogspot.com Reply umah435 1/04/2014 its not working i am confused with padding "0" with 10 i dont understand this Reply Vbus VN 1/06/2014 thanks you Reply pinoyscoops 1/12/2014 This really helps coz my blogger dashboard don't support recent comments. My blog is www.pinoyscoops.com Reply Praveen Kanwar 1/12/2014 its working gr8! thank you... www.praveenkanwar .blogspot.com Reply Zulfiqar Ahmed 1/13/2014 this widget is working smoothly thanks Reply pinoyscoops 1/15/2014 This really works, it helps a lot. www.pinoyscoops.com Reply ahmad web 1/16/2014 this widget is working smoothly thanks http://www.ahmad- web.com Reply andy chang 1/19/2014 This widget is working smoothly thanks! http://maciku.blogspo t.com Reply VietEU 2/02/2014 Good job, Thank you very much! But please help me How to change the Thumbnails size??? Reply kbknews 2/07/2014 how to change its redirecting url for more view Reply Anonymous 2/17/2014 hey if your having trouble with thumbnails not coming up in a template you downloaded and uploaded. You have to upload your images to blogger you can't use external link images from other sites. It won't work. If you upload image to blogger and add to post it should auto work the thumbnail. Reply A Smith 2/18/2014 Great to see this , I ahve applied to my blogs Reply Dung Master 3/03/2014 may be thanks to you . Reply Blackscorpion- marculli78 3/06/2014 nice i get it cool! Reply usman raza 3/11/2014 amazing you solve my problem really Reply next