How To Easily Add Together A Featured Icon Slider Inwards Blogger

Sliders are generally used on the front end page of your portfolio, concern or personal spider web site. There are a lot of sliders available on the cyberspace alongside each having its ain unique feature. However, setting up, maintaining as well as editing a slider tin hold out 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 as well as it is updated automatically using Labels or when a novel post service is published.

What is Featured Image Slider

Image sliders of icon carousels or slideshows is a overnice 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 perhaps the best agency of showcasing i of your best recent content, articles, videos as well as etc. You don't possess got to update them on a frequent dry reason but yous proceed them alongside the best possible content available on your site.

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

How to Add Featured Image Slider inwards Blogger:

In this featured icon slider, yous create non possess got to update images or links manually. You create non possess got to edit codes or whatsoever because nosotros possess got tried to proceed uncomplicated as well as friendly for non-technical users. 

Firstly, acquire to Blogger.com >> Template >> Edit HTML >> as well as search for the closing </head> tag. Now only higher upward 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 get-go footstep yous possess got successfully installed the featured icon slider inwards blogger. Now all yous postulate to create 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: "https://www.viralupdate.ga/",
        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 alongside a few options which yous tin alter inwards the higher upward script:

listURL:	Insert your weblog URL hither only similar nosotros possess got used mybloggerlab.com URL inwards the higher upward script.
featuredNum:	How many issue of featured icon slides yous desire to demo on your slider
feathumbSize:	What should hold out the size of your images inwards width
autoplay:	If yous desire to halt auto sliding alter it to autoplay:false
listbyLabel:	If yous desire to demo images from a specific Label as well as hence alter the higher upward code to listbyLabel:"AmazingVideos".

In lodge to display it inwards your sidebar, acquire to Blogger >> Layout >> Add a Gadget >> Add HTML/JavaScript >> glue the higher upward code inwards the HTML box as well as relieve the widget.

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

Baca Juga