Template CSS Blogger

Smartphone revolution brings new features to the web development, it is time to change your website design into a responsive design instead of maintaining a separate mobile version . Responsive design will automatically adjust itself based on the screen size of the media devices. This post explain you how to use CSS 3 @media property and working with Internet Explorer using Modernizr. Download Script      Live Demo Try live demo with different screen resolutions. Step 1 Web layout divided into three horizontal parts are Hearder , Main and Footer . Here Header div divided into  two horizontal parts such as Logo and Nav and the same way Main div divided into Article and Sidebar . HTML Code <div id=" header "> 1 Header <div id=" logo ">logo</div> <div id=" nav ">links</div> </div> <div id=" main "> 2 Main <div id=" article ">article</div> <div id=" sidebar "&g

In this tutorial im gonna explain how to add Bouncing   with jQuery.It  have nice hover effect. Every menu are different  with colors. Im   using   jQuery and  HTML,  Just check out demo.Its easy to add to blogger. get my all menu bar here 1. Log in to blogger account and Click drop down. 2. Now select " Template " Like Below. 3. Now you can see Live on blog, Click EDIT HTM L Button" 4. Now click Proceed button.     5. Find this tag by using Ctrl+F    </head> 6. Paste below code Before </head> tag <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js?ver=3.2.1' type='text/javascript'/> <script src='http://bloggertrixcode.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/> <script src='http://bloggertrixcode.googlecode.com/files/animated-menu.js' type='text/javascript'/> 7. Go to blogger and click Layout 8. Click Add Gadget and select 'HTML/J