Archives

April 2004 (7)
March 2004 (12)
February 2004 (12)
January 2004 (22)
December 2003 (19)
November 2003 (16)
October 2003 (26)
September 2003 (18)
August 2003 (38)
July 2003 (80)
June 2003 (13)
May 2003 (24)
April 2003 (76)
March 2003 (75)
February 2003 (51)
January 2003 (73)

Category

Family (5)
FYI (18)
Games (2)
Geek (88)
Geographic (3)
Hacks (13)
Home (15)
Humor (54)
Ideas (20)
Ideaspace (15)
Local (15)
Metadata (10)
Microsoft (2)
MovableType (5)
Nitwits (66)
PKI (2)
Politics (22)
Quotes (3)
RDF (15)
RSS (4)
Security (3)
Semantic Web (13)
Site Info (13)
Social Networks (1)
Spam (9)
Sysadmin (1)
Tips (2)
Tivo (2)
TMFTOTHD (1)
To Do (1)
Unlisted (1)
Web (3)
Windows (1)

Local

« MetroBlogs »
DC metroblogs
beltway bloggers

Links


Assorted bits

Blogroll Me!
GeoURL
Listed on BlogShares




January 01, 2003

How'd he do that?

So you see all this fancy stuff here and wonder, how do I do that on my site?

Ok, go forth and steal. View source on my pages and see what your browser is doing to show your these pages. Then take a look into my templates directory. Unlike some folks I try to share the little secrets. Most sites don't publish their templates but I figure it's better to share.

Start with my main index template and work your way out from there. This is the first page most folks will see. Note that it uses a stylesheet. I've taken the basic one from movabletype and formatted it for my site. NOTE, I didn't not rename any of the classes. You can drop this CSS file into any regular movabletype site and it'll work. I have added a few new classes to help with some extra stuff. But the core stuff is there and if you want to share your stylesheets you'll want to avoid changing the core names.

Ok, from there you'll notice I make heavy use of the MTInclude tag. This lets me drag in pieces from other templates. Why? Because it's often easier to edit one small part of a template and have it usable in lots of different places. Programmer types refer to this as resuabilty. I also do this because it makes it easier to avoid getting confused. There is a downside to this, rebuilding pages can take longer. But it's not enough so you'd notice. But take care, if you make you own templates be sure you're not making horrible reload times. This is important when you start making pages that get updated externally, like comments. At some point, when your design stabilizes, you may want to go back and collapse a few pieces together to help speed things up.

One very quick template is the one for head of page metadata. This lets me stuff all those link and meta tags into one place. They're handy for search engine and other web crawler access to my site. But if I tried keeping track of them on all the different pages I'd go crazy. headmeta template to the rescue!

I'll touch on the other templates as things go along. Meanwhile, browse around and see if there's parts you can use. If you do, drop me a line as feedback's always nice.

Comments
Post a comment






* if you do not leave a valid e-mail or URL your comment may be deleted *







Navigation

Recent Entries

America and Europe: Vive la différence?
Server changes afoot
Diet behavior mod
Googling for sensitive info
Outlook 2003 and IMAP, a marriage made in Hell
Bike to Work Day, May 7th
Speakeasy rocks
Zippo USB?
When geographic data is nowhere 'near' correct
Local campaign contributions

User comments
Trackbacks

Contact

send me an e-mail E-mail
chat with me using MS messenger MSN Messenger
chat with me via AIM America Online
chat with me on ICQ ICQ
chat with me on Yahoo! Yahoo
Add my vCard to your electronic addressbook vCard
Friend of a Friend FoaF

Syndication

XML  RDF  CDF

Comments

XFML

Extra Stuff

foaf
vCard
pgp info
Linked In
Powered by
Movable Type 2.64