What is Featured Image Slider
Image sliders of picture carousels or slideshows is a dainty agency of displaying multiple images, content or videos on your website. Undoubtedly, images gives life to your content because it captures your visitor's attending immediately.
Featured Image sliders are maybe the best agency of showcasing 1 of your best recent content, articles, videos together with etc. You don't possess got to update them on a frequent dry soil but you lot perish along them amongst the best possible content available on your site.
Before nosotros start our tutorial, it would last dainty for you lot to possess got a await at the demo of feature picture slider demo here.
How to Add Featured Image Slider inward Blogger:
In this featured picture slider, you lot produce non possess got to update images or links manually. You produce non possess got to edit codes or whatsoever because nosotros possess got tried to perish along elementary together with friendly for non-technical users.
Firstly, acquire to Blogger.com >> Template >> Edit HTML >> together with search for the closing </head> tag. Now simply higher upwards the </head> tag glue the next CSS & JavaScript codes:
<script src="http://mybloggerlab.com/js/slider.js" type="text/javascript"></script>
<link type='text/css' rel='stylesheet' href='http://mybloggerlab.com/css/slider.css' />
After doing the origin pace you lot possess got successfully installed the featured picture slider inward blogger. Now all you lot postulate to produce is to display the slider at the house which suites you lot the most. Just glue the next code at the house where you lot desire your slider to appear.
<div id="featuredbwidget"></div>
<script>
featuredbwidget({
listURL: "http://www.mybloggerlab.com/",
featuredNum: 9,
listbyLabel: false,
feathumbSize: 250,
interval: 3000,
autoplay: true,
featuredID: "#featuredbwidget"
});
</script>
Now to let you lot to customize the picture slider, nosotros possess got provided you lot amongst a few options which you lot tin alter inward the higher upwards script:
listURL: | Insert your weblog URL hither simply similar nosotros possess got used mybloggerlab.com URL inward the higher upwards script. |
featuredNum: | How many issue of featured picture slides you lot desire to present on your slider |
feathumbSize: | What should last the size of your images inward width |
autoplay: | If you lot desire to halt auto sliding alter it to autoplay:false |
listbyLabel: | If you lot desire to present images from a specific Label together with thus alter the higher upwards code to listbyLabel:"AmazingVideos". |
In social club to display it inward your sidebar, acquire to Blogger >> Layout >> Add a Gadget >> Add HTML/JavaScript >> glue the higher upwards code inward the HTML box together with salvage the widget.
We promise this tutorial has helped you lot inward learning how to easily add together a featured picture slider inward Blogger. We volition last bringing to a greater extent than neat blogger widgets inward characteristic to remain tuned together with subscribe to Facebook, Twitter or Google+.
No comments:
Post a Comment