TypePad Menus (And Getting Rid of the Border)

    January 10, 2007

Have been doing some development work for a business blogging customer of ours, and again need to send out mad props (that’s what the kids these days say, right?) to John T. Unger and his Typepad Hacks site.

A treasure trove!

One very useful bit…putting in active menus into the header. Here’s how to do it:

How to add a horizontal menu to a TypePad blog

And other thing…want to get rid of that annoying border around your TypePad blog’s header? One way to do it is to make the “background” of the header graphic a complementary color to the header graphic, like this. However, John pointed out a little trick that can just make the border simply go away. In the Design tab of your blog, you will see a link that says “Edit Custom CSS” (n.b. it looks like you need to be a Pro member to do this). In the Custom CSS frame, simply put this little chunk of code (“edit the height attribute and the background-image: url, of course,” John adds):

/* banner image */
height: 110px;
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;

Poof! Border-be-gone.

Gracias, hermano!



Add to Del.icio.us | Digg | Reddit | Furl

Bookmark WebProNews:

Christopher Carfi, CEO and co-founder of Cerado, looks at sales, marketing, and the business experience from the customers point of view. He currently is focused on understanding how emerging social technologies such as blogs, wikis, and social networking are enabling the creation of new types of customer-driven communities. He is the author of the Social Customer Manifesto weblog, and has been occasionally told that he drives and snowboards just a little too quickly.