Sunday, August 07, 2005

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.

Lastly, I took my adsense code & put it in a few .js (read: javascript) files that I simply link to wherever I want an ad.

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 Started

Here 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.)

The Files

  • 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.

Technorati Tags: , ,

4 Comments:

Blogger BM5k said...

Ok, I looked it up, and the template I started with was Minima Black by These Guys

8/06/2005 04:19:00 PM  
Blogger BM5k said...

I also put everything together into one file, here. I removed the adSense code, so this should work for you right out of the box..

I also changed the links so that they weren't ME specific.

Feel free to use this as your profile. YMMV.

8/06/2005 04:27:00 PM  
Blogger BM5k said...

Ok, I updated the post to include more helpful links.

Then I decide to update again, and include a link to the "one file fits all" version of the template.

Then I discovered that I mistyped my own URL. How sad. I can't even spell my own domain name.

. o O (Freakin' idiot!)

Anywho it should be good, at least until I think of something else.

8/07/2005 03:26:00 AM  
Blogger Danius Maximus said...

ahhhh type...to small...makes me squint and...talk in broken sentances

8/07/2005 11:05:00 AM  

Post a Comment

Links to this post:

Create a Link

<< Home