Tuesday, April 24, 2012

How to make a clickable table of contents in Microsoft Word


This is how I make my table of contents for Smashwords and Amazon.  If you would like to see how they work, you can download my first novel “Rojuun” for free.  (links at the bottom of this tutorial)

I would like to note that this is a tutorial on how I do it.  There is another way that uses styles to create different types of chapter headings, but it’s not something I’ve had success with.  I’d say there’s more than one way to skin a cat, but that’s just mean and my children will beat me up if I do.

Table of Contents


Here is a screenshot of what my hyperlinked table of contents looks like in my first novel.  As you can see, all the chapters have the blue, underlined hyperlinky effect.  (That is the official term)

You may notice that it says “Compatibility Mode” at the top of the document.  Smashwords doesn’t play well with Word 2007 and 2010, so I save everything as a Word 97-2003 document.  I’m using Word 2010, but I originally did this with Word 2003.  The process is the same, but Word 2010 has that ribbon thingy Bill Gates is so proud of at the top.
  

I like the left aligned table as shown here.  You could center it if you like, it’s a personal choice.  You’ll notice that I have my maps on there too.  If you have maps, I highly recommend it.

Okay, so now we get to how to make all of this. 

Make a Table of Contents.

We’ll start with this:




Nothing is hyperlinked, just written out.

Bookmarks

The first thing you want to do is create a bookmark.  Select “Table of Contents” and then go to your ‘Insert’ tab.  Click on ‘Bookmark’ in that ribbon:



and you will get a screen like this:



Type in ref_TOC  Then click “Add”  It is important to name it exactly that, because that’s what Smashwords Meatgrinder looks for.  I have this in all of my books with a table of contents.

Okay, the next thing you want to do is make a chapter 1.  We’ll make it 16pt font, centered and bold.



Now it’s time to bookmark “Chapter 1”  Do it exactly the same way, but let’s name it roj_chap1.  The ‘roj’ stands for rojuun.  The ‘_’ is because you can’t use spaces in bookmarks.  The ‘chap1” is because it’s chapter 1.  The reason I name it ‘roj_chap1’ instead of just ‘chapter1’ is because “Rojuun” is the first book of a trilogy.  I sell an omnibus with all three books of the trilogy.  The table of contents has ‘roj_chap1’, ‘ani_chap1’ (“Anilyia” is the second book), and ‘ket_chap1’ (“Kethril” is the third book).



Creating the links

Now it’s time to hyperlink the table of contents to the chapter.  Select ‘Chapter 1” in the table of contents, go to the insert tab and click on ‘Hyperlink’



You will get a screen like this:



On the left, you want to ‘Link to:’  “Place in this Document”.  That will bring up your bookmarks.  Select ‘roj_chap1’ (or whatever you call your chapter 1) and click OK.  That will make your blue hyperlinky Chapter 1 in the table of contents.



If you click on it, it will take you to the beginning of chapter 1.  Repeat this step for every chapter and you will have a working table of contents.  You can do the same thing for your maps too.  Select the map, the same way you did the chapter and add a bookmark to it.  I name mine ‘map_ryallon’.  Then hyperlink ‘Map of Ryallon’ in the Table of Contents (or whatever you call your map.

Linking your chapters back to the Table of Contents.

This is a wonderful tool for the reader to get back to the beginning of the book, especially if they want to be able to glance at the map and then return back to the chapter they’re on.

For this, you want to select the Chapter 1 heading and select hyperlink:



This time, select ‘ref_TOC’ as the place to link it to.  That will link it back to the Table of Contents.  You can do this with every chapter.  You get an underlined chapter heading.  (It’s purple now instead of blue because I’ve clicked on them)



Hidden bookmarks.

I discovered that clicking on hyperlinks within a document creates hidden bookmarks, like this:



The ‘Hlt…….’ Bookmarks are the hidden ones.  They are unnecessary and take up extra space, so before I publish, I always delete all of those.

In conclusion.

So that’s the basics.  If you want to test the links, just press shift and left click the mouse.  This works wonderfully on the Kindle Touch and Fire, which I’ve been able to test.  I hope this helps for you too.

Here are the links to Rojuun:

Smashwords: http://www.smashwords.com/books/view/31154?ref=johnhcarroll

All my best,

John H. Carroll


32 comments:

Mark Lewis said...

Very informative, thank you. I have bookmarked it for future reference. :)

John H. Carroll said...

Hi Mark,

That's excellent. I hope it helps.

Thank you for stopping by. :)

John

Chris Hibbard said...

very nice. Been having troubles w/ TOC in Smashwords, this will be my 3rd try (w/ your advice). I did not bookmark my TOC as "ref_TOC" before, and only the PDF Smashwords created worked right--the others, only ~1/3 of the links worked... :(

thanks.

John H. Carroll said...

Hi Chris!

I know how hard it is and ran into numerous troubles my first try. I hope this helps and that you're successful.

As a word of encouragement, once you get everything down, it becomes easier each time. :) I almost know what I'm doing now that I have my 16th book done. ;)

Gouri said...

Thanks for the post it really helped!
We are about to publish our firms 1st kindle book.

Good luck with your upcoming books.

John Carroll said...

You are very welcome, Gouri.

Best of luck with yours! I hope it does well. :)

John

Mandy Donne-Lee said...

Ah, thank you so much for this very helpful post. Steam was beginning to come out of my ears trying to get my contents sorted!

John H. Carroll said...

You are very welcome, Mandy. :)

It can get very confusing, so I'm really glad I was able to help cut down on the surplus steam. :D

John

Anonymous said...

Thanks so much John! I am about to write my first e-book and this was a source of frustration for me. I already tested it and it the TOC links worked like a charm.

Thank again!

Sincerely,

AJ King

John H. Carroll said...

You are very welcome, AJ. It took me a long time to figure out too. There's so much that goes into formatting a book. I'm happy to help in any way I can. :)

Anonymous said...

Will your link system work for an Adobe PDF eBook format?
I plan to convert a Word 2003 file and make it available as a download from my WordPress.org site.

Would converting from Word 2003 to Adobe PDF disrupt the link?

Thank you for the post.

TechChallenged

John H. Carroll said...

I would save the Word 2003 file as "web page, filtered". Then convert that. The table of contents remained in mine when I converted to PDF.

I used Calibre to convert. I'm not sure how it will work if you're using Adobe to do the converting, but it should do just fine.

Anonymous said...

Tech Challenged Says Thank You!

John H. Carroll said...

You are very welcome. :)

Anonymous said...

Hey,

Thanks for this.. It's really helpful.

John H. Carroll said...

You are very welcome. :)

Epic-_-KG said...

Hey John this is excellent, I have done this and doulbe check the instructions twice to ensure that i can jump from the table of content to the specified chapter and also the "back to top" option works as well when tested in Microsoft word which is great...I have now publish my book and the hyperklinks shows up blue and underline on the smashwords site but when I click link for both the chapter and the back to top option nothing happens...can u tell me what i did wrong?

Thank you

John H. Carroll said...

Hi Epic-_-KG,

I'm not sure. It sounds as though the link didn't find the bookmark. Can you give me a link to the book on Smashwords? I'll download it and see if I can tell what happened. :)

John H. Carroll said...

Oh! Wait, I think I know what it is. If you look at the online reading version, none of those links work for any book in Smashwords. I don't know why they don't make the online reading version work.

The ones it will work for are the Kindle and epub versions. It should also work on the pdf version. :)

Epic-_-KG said...

Hey John Thx...I'll check it out...I don't know why they would make me go threw all that if it doesn't cover all formats.
Thx again

John H. Carroll said...

You're very welcome. :)

btw, the reason your posts don't show up right away is because I check all comments before they appear. I've been getting a lot of spam lately.

Good luck with your book.

Rachelle said...

Your information was fantastic and easy to follow. Definitely made my project go easier!

Rachelle

John H. Carroll said...

Hi Rachelle!

I'm really glad it helped. :)

Doc Nebula said...

Huge thanks. I was going crazy trying to figure out how to do this. I'm using Open Office so I had to adapt your instructions, but you definitely put me on the right track. You are Teh Awesome.

Anonymous said...

Thanks a lot! this is exactly what I needed!! however, i have a small issue, I've bookmarked all the headings of my thesis and now when I try to hyperlink the TOC, I don't get that list of bookmarks, I need to type the names one by one, there must be something wrong!! only when I type the full name correctly does the list appear…why??? :(

Bright Edokwe said...

Worked perfectly for my work. Thanks a bunch.

Bright Edokwe said...

It worked perfectly for me. Give it a trial.

Dave Leigh said...

Thanks for this. So helpful!

Question: Is there a way to keep the title from changing color once clicked? I'm able to remove the underline and make the original text black instead of blue, but it still turns purple once it's clicked. I'm using Word 2010.

John H. Carroll said...

Hi David,

You're welcome!

And yes, you can change the color. 1. Go to the page layout tab on your ribbon.
2. At the top left is "Themes", next to it is "colors". Click on that.
3. At the bottom of the drop down menu that appears is "Create New Theme Colors". Click on that.
4. The last selection is "Followed Hyperlink". You can click on the color box and change it to whatever you want, including the original blue color. :)

I hope that helps.

Rick Hageman said...

Thanks so much for this-

I'm a Senior Mechanical Designer and usually deal with 3D modeling and fluid flow software.

This was invaluable in writing a complicated software procedure with illustrations. It got to several chapters with 30 captioned figures. It is to be distributed in PDF form to the designers.

Without the organizational capabilities of Word learned here, it would be difficult at best to get anyone to pore through a 20+ page technical document.

Thanks-

Rick Hageman
Cosmodyne, LLC

John H. Carroll said...

Hi Rick,

You're very welcome. :) The procedure sounds complicated enough! I'm glad I could help.

John H. Carroll said...

Hi Rick,

You're very welcome. :) The procedure sounds complicated enough! I'm glad I could help.