How to add a responsive Slideshow Widget to your Blogger

Here in this article, We will tell you on how to add a responsive Slideshow Widget to your Blogger.

If you are new to blogger, you can visit our Blogging Tips tab to know on how to get minute details on Blogging. Adding a slideshow to your Blogger site is always a good thing as it makes your website look prettier.

Key Features of Slideshow Widget

Fully Responsive
Cross-Browser Supported
Lots of options to customize upon
jQuery Easing Supported

How to get the code

You an get the code by clicking upon here inside a .txt file. Once you get the code, just copy and paste the code into a HTML/JavaScript Widget. You can follow the below steps.

Go to Blogger Dashboard > Layout > Add a Gadget Select HTML/JavaScript
Copy the code you got and paste on it. Then Save it. And you’re done!.

Note: If you still don't see any slider, you must have not adjusted the java and css codes into your website. Just, follow this tutorial on how to put java and css file right into your blogger site.

How to customize the Codes

Look below at the codes. These are the lines where you can play and customize them.

Slideshow Options

You can get the slideshow opting codes by clicking here. Do read the comments before adjusting the codes.

To adjust the slider size edit this CSS rule from the main code

.fluid_container { margin: 0 auto; /* aling centered */ width: 100%; max-width: 900px; overflow: hidden; }

Conclusion

This is it. If you have any problem regarding this, yo can ask us in the comments below.

Comments

How to add line spacing in between Bullets on Wordpress

Today, we discuss how to enter line spacing in between Bullets, paragraphs, etc. on WordPress. Sometimes, it is really necessary to enter line spacing in between lines or segments to provide a immense way of work. You don't require any Visual Composer or a blog template to proceed with. All you need is to insert couple of codes in between lines under HTML coding and you are good to go.

How to Get the Middle Finger Emoji on Android and iPhone

Emojis are cool. Nowadays, everyone loves to use an emoji in their conversations (also in Bios, Quotes, Status ) as it helps in making the chats more interesting and happening. Most of the text messaging applications come with a whole bunch of interesting emojis which you can use in your conversations but there are few emojis that are really cool but are not available in these applications. One such emoji is the Middle Finger Emoji or emoji middle finger (reversed hand with middle finger extended).

How to Clear Firefox Browsing History in Single Click

Deleting Browsing History is a very common term when you are working on any Browser. There are so many different options to that. One way is to go to the settings and then search for browsing history and then select the time period from when we want to delete the browsing history. There are many of us who know the charm alt+shift+delete which is a keyboard shortcut combination to open the clear Browsing History Window. Here we tell you even a small method if you use Mozilla Firefox as your default browser. Follow the Below written steps. Step 1 : Open the three liners on the Mozilla Firefox which you can find at the top right corner of Firefox which is encircled in red color in the below shown screenshot. Step 2 : Scroll down and go to the Customize option which is shown above encircled in orange color. It will open up a new window panel in the right side. Step 3 : Here, you see the Forget option. Select it and pull it on the toolbar box. It would be easily ...

Kunnect Us

Search This Blog