How To Easily Add Together A Featured Picture Slider Inwards Blogger

Sliders are generally used on the forepart page of your portfolio, trouble organisation or personal spider web site. There are a lot of sliders available on the mesh amongst each having its ain unique feature. However, setting up, maintaining together with editing a slider tin move hard for a non-technical person. In this article, nosotros volition demo you, how to easily add together a featured Image Slider inwards Blogger, which does non require frequent updating together with it is updated automatically using Labels or when a novel postal service is published.

What is Featured Image Slider

Image sliders of icon carousels or slideshows is a squeamish 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 mayhap the best agency of showcasing i of your best recent content, articles, videos together with etc. You don't possess got to update them on a frequent soil but yous kicking the bucket on them amongst the best possible content available on your site.

Before nosotros start our tutorial, it would move squeamish for yous to possess got a hold off at the demo of feature icon slider demo here.

How to Add Featured Image Slider inwards Blogger:

In this featured icon slider, yous 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 kicking the bucket on uncomplicated 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 commencement pace yous possess got successfully installed the featured icon slider inwards blogger. Now all yous require to produce is to display the slider at the house which suites yous the most. Just glue the next code at the house where yous 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 yous to customize the icon slider, nosotros possess got provided yous amongst a few options which yous tin modify inwards the higher upwards script:

listURL:	Insert your spider web log URL hither simply similar nosotros possess got used mybloggerlab.com URL inwards the higher upwards script.
featuredNum:	How many issue of featured icon slides yous desire to demo on your slider
feathumbSize:	What should move the size of your images inwards width
autoplay:	If yous desire to halt auto sliding modify it to autoplay:false
listbyLabel:	If yous desire to demo images from a specific Label together with thus modify the higher upwards code to listbyLabel:"AmazingVideos".

In fellowship to display it inwards your sidebar, acquire to Blogger >> Layout >> Add a Gadget >> Add HTML/JavaScript >> glue the higher upwards code inwards the HTML box together with salve the widget.

We promise this tutorial has helped yous inwards learning how to easily add together a featured icon slider inwards Blogger. We volition move bringing to a greater extent than neat blogger widgets inwards characteristic to remain tuned together with subscribe to Facebook, Twitter or Google+.