Add a responsive banner slider

As most of the websites are having a banner slider, it's a required web skill of adding a responsive slider. Here I will write down how to get a slider for Magento by using some slider extensions

First, I'm going to describe how to use Magento Responsive Banner Slider extension. 

Download the extension from the URL: http://www.magentocommerce.com/magento-connect/responsive-banner-slider.html
Install it from Magento Connect Manager if your Magento version is before 1.9. Otherwise, you need to manually download the module and copy the the files to your Magento folder. Cause there is an installation bug in this extension for Magento 1.9.
Go to System->Configuration->MKS Responsive Banner and click the general settings of the extension. Fill out the banner settings form which suits your website.
Go to Responsivebannerslider->Manage Responsivebannerslider. You will be led to a page where the images of the slider can be uploaded and set and you can add as many images as you want for the slider.
Put the below block code in the CMS pages  or any template files where you want to add the slider.
{{block type="responsivebannerslider/index" name="responsivebannerslider_index" template="responsivebannerslider/index.phtml"}}