To add a recent posts slider with images on your blog follow the steps given below:
- Login to your blogger account.
- Open the layout of the blog in which you want to add the recent posts gadget.
- Click on Add a Gadget and click on HTML/Java Script.
- Give the title name Recents Posts and copy the below code in the content area and click on the save button.
Code to be added in the widget:
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/> <div id="slider-rotator" class="slider-rotator loading"></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script> <script type="text/javascript"> makeSlider({ url: "http://YourBlogName.blogspot.com" // Add your blog URL }); </script>
Note: Replace the highlighted URL with your blog name address.
- Recent Posts Slider with images will look like as shown below:
Last Updated: May 12, 2020
Related Posts
- How To Change Widget Title Background On Blogger
- How to Add Adsense Ads Between Blog Post and Comment Box in Blogger
- How to Enable Search Description for Blogger and Blog Posts
- How to Make your Blogger Blog Template to fit any Screen Resolution
- How to reduce space between header and pagelist widgets in blogger
- Remove Empty Space Left on Top After Removing Navbar in Blogger
- Show more than 200 comments on Blogger Page or Post
- How to Split or Divide Blogger Header in Two Parts?
- How To Show Post Title Before Blog Title in Blogger?
- How to add a gadget above header in blogger?
- How to reduce space above the Title in Blogger
- How to reduce space between Title and Description in Blogger
- How to customise Read More link in blogger
- How to reduce space between gadgets in Blogger?
Tiffiny
Hey just wanted to give you a quick heads up.
The text in your article seem to be running off the screen in Opera.
I’m not sure if this is a format issue or something to do with internet browser
compatibility but I figured I’d post to let you know.
The design look great though! Hope you get the problem solved soon. Cheers
read the full info here
Excellent article! We will be linking to this great article on our site.
Keep up the great writing.