« Quote of the Day | Main | Today's Photo - May 3, 2006 »

May 01, 2006

TypePad Hack: Top Menu

Let's Play...

I've come up with a fairly simple way to include a menu on a TypePad blog site.  You'll need to be subscribed to TypePad Pro to use it as it involves creating a Template Module and editing several Index Modules.  It's fairly simple and you can easily modify it to suit your own needs.

Caution!  Be sure to backup the files you'll be editing!  This is a hack and I'm not responsible for any damage to your site.  It worked great for me and it functioning on my site now.  I developed this on a practice site! You may want to do the same.

OK, with that said... let's get this party started!

1.  Create a new Template Module and name it "top-menu".   Copy-and-paste the following into the body and save it:

<center>
<a href="<$MTBlogURL$>">Home</a> |
<a href="<$MTBlogURL$>archives.html">Archives</a> |
<a href="/photos/phonecam/index.html">Photo-a-Day</a> |
<a href="http://james.milstid.com" target="_blank">Personal Site</a> |
<a href="<$MTBlogURL$>about.html">About</a>
<br />
</center>

You can edit the entries as you see fit.  I left them like mine to show a few options.

2.  Edit the Stylesheet and add the following in the user css area near the bottom:

/* user css */

.layout-three-column #top-menu
{
border: 0;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
}

You can get fancier if you like to make the menu consistent with your site design.

3.  In each of the Archive Index Template and the Main Index Template,  find the line near the top that says <div id="pagebody"> and insert the following just below the <div id="pagebody"> line:

<div id="top-menu" class="top-menu">
<$MTInclude module="top-menu"$>
</div>

4.  Open each of the Archive Templates - Category Archives, DataBased Archives, and Individual Archives - find the line near the top that says <div id="pagebody"> and insert the following just below the <div id="pagebody"> line:

<div id="top-menu" class="top-menu">
<$MTInclude module="top-menu"$>
</div>

That should do it.  Save and publish as you go and check it out on your site.  You'll possibly have to refresh the pages.

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d83455fe9169e200d834bc8a4269e2

Listed below are links to weblogs that reference TypePad Hack: Top Menu:

Comments

Thanks James, that's great! I'll post a link to it in the blog tomorrow (just about to crash and I want to try it out first. Looks good though!)

For future submissions, you might want to post comments on the following entry URL: http://www.typepadhacks.org/2006/04/submit_your_bes.html
(it doesn't matter too much since I'll repost the link as it'sown entry)

There's a permanent link to the Submit A Hack post in the sidebar, under the heading "particpate."


My dear,
Can you pl send html code to create a horizontal menu for my website? I am a newbie & my age is 65


Jayan,

All the instructions and the code are included in the post.

You need to have a TypePad Pro account to be able to create and edit the various files. Html programming experience is pretty essential too.

~Jimmy


Great hack! Worked like a charm!!


Thanks Kyle, glad it worked for you!


Please, how to align on the right ?


Hello
I came across your site and wondered if you could help me. I want to do a drop down menu (listing h1-h6) in one frame that will change the style of text in the main frame. Something like changing the colour and font of the text.I and am new at this and I would be grateful for any help that you can give me.
Thank you for reading this.


thanks for this tutorial, i am going to try it now. on a different note, i am wondering about your drop down menus in the right sidebar for ARCHIVES. is this an option in typead? i can't find it if it is. or did you create that as well?
thanks.


TypePad Hack: Top Menu


Thanks that you have brought before us such a important & crucial information. You have a very good feel for getting the right information out to the people. Really liked the way you presented the information.


You'll need to be subscribed to TypePad Pro to use it as it involves creating a Template Module and editing several Index Modules.


The questions that many people make are usually incomprehensible, this is often a problem for some writers who have no idea of the most appropriate to speak on their blogs. I think this topic is very appropriate, is simple but very effective, I congratulate the idea so brilliant that they had to create this article. thank you very much for sharing the information.


You have a very good feel for getting the right information out to the people.


You do understand the feelings of others and surely knows what they desire.


Hacking the platform should only be done for necessary changes.


And as we all know if you're a fan of a sports team owning one piece of merchandise is simply not enough Are they conservative? Are they aggressive? Calling stations? If you have not played with them long enough


I am absolutely amazed at how terrific the stuff is on this site. I have saved this webpage and I truly intend on visiting the site in the upcoming days. Keep up the excellent work!


This worked great for me. Is there a way so that it opens in a seperate window without having to set all outside links to open in a seperate window?


The comments to this entry are closed.

Archives

December 2008

Sun Mon Tue Wed Thu Fri Sat
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

Chat Thingy