Skip to main content

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

  1. Fully Responsive
  2. Cross-Browser Supported
  3. Lots of options to customize upon
  4. 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.
  1. Go to Blogger Dashboard > Layout > Add a Gadget Select HTML/JavaScript 
  2. 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.

Labels:

Comments

Post a Comment

Popular posts from this blog

How To Create Drop Down Menu in Blogger

Drop down Menu  is something which everyone wants to have on his blog. However, because of the lack of proper information they can't have it on their blogs. Again, many people even think that it is quite hard to put menus with sub menus on any Blog. Well, this is not so. Here, in this tutorial we will tell you on how to add sub menu to your Menu step by step for your Blog.
20 comments
Read more

How to Include a JavaScript and CSS Content Slider on Blogger

Here, we will discuss on how to include a Javascript and CSS Content Slider on to your Blogger Site. All you have to do is to follow this article carefully and you will be able to add a Slider on to your account. Let's see on how to do this. At first, you need to download these two files. JavaScript File CSS File Now, since you ave the codes, we will see on how to proceed step by step. 
Post a Comment
Read more

How To Send Anonymous Email To Anyone Online

Here in this tutorial we will tell you on how to send an anonymous email to anyone online and that too for Free . We always need to have an account to send our emails like: Yahoo, Gmail, Outlook, Hotmail etc. Have you ever been in such a place where you thought of sending a mail to someone without disclosing your identity. This is of course each one of us have thought of sometime in our life.  This becomes a necessity when you want to inform any authority or someone about something wrong. It happens to me once when I want to inform my professor about the proxy issue in one of my grad classes. This is not limited to this very case. You can think of many other similar or more justifying cases where you can use this wonderful online app. 
Post a Comment
Read more