Blogger.com, a Guide (updated, again)
I've taken some time to redo my blogger template (as any savvy person can no doubt tell.) and I'd like to support everyone else who's fed up with the default.
First off, I moved all that CSS crap to its own file, which I put on some webspace that I just happend to have lying around. I'm a real big fan of having CSS in my HTML files, makin everything look like shit. So I cleaned it up a bit. I also played around with it just a lil to get the page to display to my liking. A lot of people use higher res displays than 1024x768, but the default CSS for the template I use (I don't even remember what its called now) had all the positioning hard coded. I changed as much as possible to percentage values. This makes my page grow/shrink when you resize your browser window. Spiffy, eh?
The second, and most time consuming, was taking the time to pretty much rewrite my entire template. I wanted to move the links around, and I wanted comments below their posts on the main pages. I was trying to get it so you could post a comment directly from the permalink page, but I gave up for now.
NOTE: If you want to use the .js files for yourself, you can download them and use them as I do, just remember that unless you change the google_ad_client line, I'll get all the credit for the ads.
If you're interested, you can take a look at my template by clicking the link below. In order to get the most out of it, use your browser's save as functionality & open it in your favorite HTML editor (*cough* notepad). If you have any questions, put them in the comments.
Getting StartedHere are some links that I found helpful while creating my own template. (An overall knowledge of HTML & CSS will help, but probably isn't necessesary.)
- Template: Help List of template help topics.
- Template Tags: Help A list of resources on template tags.
- Template Tags: A List Here is a list of all of Blogger's template tags.
- Template Tags: Defined What each tag does & how to use them.
- blogger.html The template. More helpful if you VIEW SOURCE.
- blogger2.html A revised template. A single file that you can use as your template in blogger, with as little editing as possible. Great for leeches!
- blog.css The CSS.
- skyscraper.js First AdSense Script - Contains layout for skyscraper style ads on my blog.
- leaderboard.js Second AdSense Script - Contains layout for leaderboard style ads.
- adsense.js Main AdSense Script - Contains all the admin bs.