<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d18402388\x26blogName\x3dLearn+CSS+and+Website+Authoring\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://learning-css.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://learning-css.blogspot.com/\x26vt\x3d-1832460771748850218', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Learn CSS and Website Authoring

The Quest of Learning CSS and Becoming A Webmaster


Using Google Page Creator To Host CSS File

Saturday, January 06, 2007

It's January 2007 and a whole new year for this blog. I've lost count of how many times I've change my main blog layout (Ashrufzz Reality Adventure). Each changes normally takes me a couple of hours and then I wouldn't touch them for a couple of months except for doing some minor changes. I don't do blog designs because I don't think I have the creativity. However, I do love to tinker and customize it to my own preferences.

Google Page Creator (GPC) is simply a remarkable tool to use. It gives you 100MB of free spaces and you can also host other types of file there. By the way, don't host files that is questionable such as MP3 or some video files for people to do heavy downloading eventhough there is no written limit to the bandwitdh that GPC provide.

Normally, if you use blogger blog, the CSS is embedded directly on top the Head section of the blogger template. Looking at the source file, it will make your eyes squinting to see all those CSS codes. Plus, it will take another second to download the whole HTML along with the embedded CSS. If you want to make your blog a little bit quicker, here a few simple step you can take:
  1. Copy the entire CSS codes and paste it onto a notepad file.
  2. Name the file whatever you want and end it with dot css
  3. Upload the file somewhere if you have a webhost or alternatively use GPC
  4. Edit the style type area and link your CSS file with your blogger blog
Here's a few snapshots for a better understanding of what I'm talking about.





Since that is done, now I can save time not having to scroll down like crazy just to edit a simple script on my blogger blog. Hope this piece of information would be useful to you.

Labels: ,

posted by Encik Ash, 12:25 AM
| Permalink | 3 comments |