Compress Your CSS to Increase Fast Loading Speed of Blogger Page

Use this utility to compress your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. The "Normal" mode should work well in most cases, creating a good balance between the two.

1.Log in to your blogger Dashboard and go to Layout => Edit HTML

2.Now Cut CSS Code of your template.
CSS Code is the code between the <b:skin> and </b:skin> tags.

3.Now Go to cssdrive.com

4.Paste your CSS Code into the box.



5.Now click on "Compress-it!".

6.After compressing your css code you can see like this message.

7.Now copy your Compressed CSS Code and paste it between <b:skin> and </b:skin> tags.

8.Now save your template and you are done.

Related Posts by Categories

CSS

• How to Add Syntax Highlighting in Blogger Post?
• How to Make Mouseover Navigation Menu withh CSS?
• 50 CSS Layouts, Visual Effects and Forms Coding
• CSS Tab Navigation Scripts for Bloggers and Web Designers
• Make Visible Your Comments to Your Visitor
• How to make to Every Blog Post Summaries with Thumbnail?
• Latest Cool Animated Recent Post Widget With Thumbnail For Bloggers
• Show HTML/CSS Codes On Coloured Background In Blogger Posts

Tools

• Design a Widget for Your Blog
• 4 Free Sites For Shorten URL
• Chrome and Firefox 15 Extensions for Bloggers and Web Developers
• Easy Navigate by Using Wibiya Toolbar For Blogger/Wordpress
• Now Design and Generate Your Own Blogger Templates