Saturday, 20 May 2017

How to Create an Image Slider for Post on Blogger

As you all know images is as good as a well-detailed post. To make your audience understand your post better it might be best to use images more or get a good image slider which can show multiple images in a single layout.



Unlike WordPress, blogger is very difficult to customise like you will have to do some HTML editing before you can achieve a post slider or Image Slideshow widget for blogger.
For this, tutorial we would make use of WowSlider. WowSlider enables you to add different types of good looking slideshow to either your WordPress or blogger blog.
Having a responsive slider in a blogger carousel widget can help you minimise your spaces in that particular blog post, by having multiple images on a single slider which you can add anywhere in your blog post, either in the at the beginning of the post or at the middle or end.


Add Image SlideShow Widget in Blogger Post
Head over to WowSlider Official website, and download the wowslider in the zip format. Then open the software and edit the layout of your post slider.
You will have to edit the slider to desired by adding images you will want to show on your blog post.



After you are done editing, You will have to click publish make sure they are uploaded to your servers, and then you will be redirected to a page where you will be able to see the HTML code of the image slider you just created.

Then Login to your blogger dashboard, then navigate to Template.
You will have to edit the HTML of your blogger by clicking Edit HTML

You will have to paste the code below directly  above your  </head> tag in your blogger HTML file
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
Then save the template.

You will now have to insert the code into your blog post. In the post menu in blogger, click on create a new post.
Then paste the code that looks like this below int he new blogger post in HTML view.

Publish your post and visit your website.

If you found this article useful, don't forget to share the post with your friends. And if you also encounter any problems while following the steps just comment below and you would be clarified within 24hours.

No comments:

Post a Comment