The past days i've shared a tutorial on how you can add a Simple Recent Posts Widget, but today we will learn how to add a recent posts widget which comes along with posts thumbnails and snippets too.
Here is how you can add a Recent Posts widget/gadget with thumbnails to your Blogger (blogspot or custom domain) blog. It's pretty simple. Follow the steps below:
1. Go To Blogger > Design > Page Elements
2. Click on "Add a Gadget" link
3. From the pop-up window, choose HTML/JavaScript
4. Paste the following code:
Settings
5. Save your widget. And that's it!
If you need more help, leave your comment below.
The past days i've shared a tutorial on how you can add a Simple Recent Posts Widget, but today we will learn how to add a recent posts widget which comes along with posts thumbnails and snippets too.
Here is how you can add a Recent Posts widget/gadget with thumbnails to your Blogger (blogspot or custom domain) blog. It's pretty simple. Follow the steps below:
1. Go To Blogger > Design > Page Elements
2. Click on "Add a Gadget" link
3. From the pop-up window, choose HTML/JavaScript
4. Paste the following code:
Change YOUR-BLOG/SITE-URL with the url address of your site/blog.
Settings
- To disable the scroll bar, remove the number 500
- By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired
- if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10
5. Save your widget. And that's it!
If you need more help, leave your comment below.

Here is how you can add a Recent Posts widget/gadget with thumbnails to your Blogger (blogspot or custom domain) blog. It's pretty simple. Follow the steps below:
1. Go To Blogger > Design > Page Elements
2. Click on "Add a Gadget" link
3. From the pop-up window, choose HTML/JavaScript
4. Paste the following code:
Change YOUR-BLOG/SITE-URL with the url address of your site/blog.
Settings
- To disable the scroll bar, remove the number 500
- By default, this widget is set to display a maximum of 8 recent posts. To change this number, replace the number 8 with the number of posts desired
- if you want only the posts titles to appear, change true to none and "0" from padding-top:0px with 10
5. Save your widget. And that's it!
If you need more help, leave your comment below.
No Comment