<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\x3dhttps://learning-css.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://learning-css.blogspot.com/\x26vt\x3d4499111865787424895', 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 Jay, 12:25 AM


you have told to link the css to my blogger blog.
but you didnt give how to link the css file to my blogger
commented by Blogger ram, 7:57 PM  
I agree with you that Google Page Creator (GPC) is simply a remarkable tool to use. you explain every things in easiest way. It is easy to understand.
commented by Blogger dorsey, 8:10 PM  
wow, this is new think which I learn from here for web design. I want to design a website and And this information is very helpful for me.
commented by Anonymous Anonymous, 7:13 PM  

Add a comment