Free Css Minifier And Expander Tool

In blogger SEO page speed is most important factor currently considered by search engines , The Web pages are ignored during crawling search results. 

There are so many other factor's that effects page speed but CSS minification is one of the main way to increase your page speed And Let your visitors minify their CSS codes on your blogger blog & add CSS Minifier and Expander tool to blogger. 

This is inspirational tool for css code minification, And I am going to share amazing blogger design tool On Damidroid Blog. 

Adding CSS minifier and expander tool in blogger blog will be handled is some steps Just Follow This Steps For Adding Css Minifier And Expander Tool To Your Blog: 

Log in to the Blogger blog you are wanting to add pages to and click on the “Pages” link.

Click the “New Page” button.

Type the page title (this will appear as a link on the navigation bar).

Add the the below code in HTML and then click “Publish.”

The magnifier tries to catch many common errors with images , If no magnifier appears when you roll over your images, or the magnifier is distorted or off-center, check the following: 

Test whether magnifier.js was loaded. 

Type javascript:alert(MAGNIFIER) -- exactly like that -- into the browser address field An alert box will appear.

If it contains undefined, there was a problem loading the Javascript. 

Make sure the file has been properly uploaded to your server, and that your HTML contains the correct code for loading it. 

Test whether the code found your images.

Typejavascript:alert(MAGNIFIER.data().length) into the browser address field. 

An alert box will appear with the number of magnifiers the code found. 

If it's zero, make sure your the images have the correct classes or ids, and the correct HTML structure. 

Use tools to check the general validity of your HTML, CSS and links, using either software on your machine, or online sites, such as the W3C HTML checker, CSS checker, and link checker. 

You should always strive for zero errors in validation. 

Unfortunately, if you use clipping rectangles, you'll have to put up with complaints about missing commas if you want to support Internet Explorer. 

Double-check your widths and heights. 

Make sure that the widths and heights are specified correctly on the large image and enclosing magnifier div. 

Don't forget the px, with no intervening spaces, e.g., 12px, not 12 px. 

Avoid commas in clip rectangles. 

E.g., write clip:rect(0px 50px 75px 0px), not clip:rect(0px, 50px, 75px, 0px), because Internet Explorer, as of version 7, doesn't allow them.

As the mouse moves over the small image, the Javascript repositions the lens (either the maglens div or the clipping rectanthe mouse, and positionsgle) to stay centered under the large image so that what's the lens shows is the region that corresponds to where the mouse is in the small image.

Download The Original Codes