HackToHell. Powered by Blogger.

The correct way of exporting blogger css to external file.

I knew that blogger page load time can increase due to the CSS(Cascading Style Sheet)in the Blogger Template

There exists a lot of tutorials on how to do this but none of the work as I found out.

What you need?

  1. A CDN enabled host or it will be slow(the best free CDN google !(upload to google sites))
Steps for doing so....

  1. Open blogger dashboard (http://blogger.com).
  2. Navigate to Design >  EDIT HTML.
  3. In the Back/Restore Template , click Download Template and keep it safe in case anything goes wrong!
  4. Now hit Ctrl + F and in the search box type , <b:skin><![CDATA[
  5. Copy everything after ![CDATA[   until ]]></b:skin>.
  6. Now open notepad and paste everyting into it , the text must look like this http://dl.dropbox.com/u/12158677/hth/main.css.It is just an example , it WILL NOT be the same with your CSS.
  7. Now save the file as main.css (P.S:-While saving in windows include double quotes i.e type this "main.css"
  8. Now upload your file to a host , I use dropbox , get it here.
  9. Now delete everything after ![CDATA[   until ]]></b:skin>
It must now look like this 

Now immediately before <b:skin><![CDATA[

add this...

<link charset='utf-8' href='http://dl.dropbox.com/u/12158677/hth/main.css' media='screen' rel='stylesheet' type='text/css'/>

Replace your URL there (in place of http://dl.dropbox.com/u/12158677/hth/main.css).
In your My Dropbox folder , go to Public folder and save the main.css from notepad there and then Right click the file and in Dropbox , Click Copy Public Link.(Dropbox DESKTOP must be running).

Now hit the save template and it will work....

If you have any problem comment down...
Share on Google Plus

About hacktohell

Love technology.
    Blogger Comment
    Facebook Comment


Post a Comment