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.

Comments

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.

How To Create a 4 Digit Login Pin for Windows 8 or 10

Here in this tutorial, I will tell you on how to create a 4 digit login pin for windows 8 or Windows 10. Log in to windows 10 or 8 with your Microsoft Account password is really time taking as we all keep long password for our Hotmail or Outlook account.  Making long and complicated password is good for security reasons however, typing long password each and every time you login or unlock your system is a complicated thing and it irritates too. Here, I will tell you the solution for  windows 8  step by step. For  windows 10 , you have to follow the same steps without any change.  You must not be knowing it but Windows 8 and 10 both provide two solutions to get rid of this long password thing.   The First Solution is to disconnect yourself from Microsoft Account . You can visit here to   open your Windows 10 without signing into Microsoft account . The Second solution is to create 4 digit Pin about which I will tell you here. 

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.