TypePad Menus (And Getting Rid of the Border)

Get the WebProNews Newsletter:

[ Business]

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.

TypePad Menus (And Getting Rid of the Border)
Comments Off
Top Rated White Papers and Resources

Comments are closed.

  • Join for Access to Our Exclusive Web Tools
  • Sidebar Top
  • Sidebar Middle
  • Sign Up For The Free Newsletter
  • Sidebar Bottom