Create a Table of Contents for Your Hub - Quick and Easy

A Table of Contents: Why and Where?

A Table of Contents (TOC) is a great addition to longer hubs that have lots of capsules, like this one. It makes it easier for your readers - and you - to follow the thread of your ideas, and to find things they want to go back to.

I want to thank DarkSide, the Hubber who first posted an article on how to make a Table of Contents for a hub four years ago. I learned how to do it by reading his instructions, and his method still works. In fact, all I've done is streamline his method in 3 or 4 ways to make it easier for non-geeks who are freaked out by HTML, and easier and faster for everyone.

Thanks, Darkside.

I only use a Table of Contents in hubs that have five or more capsules, and not always, even then. Just think about whether it would be helpful. Are people going to want to find their way to particular quotes, ideas, or suggestions in this hub? Are you offering detailed, step-by-step instructions? Are you casting a wide net about a whole lot of topics? These are good reasons to add a Table of Contents to your Hub.

Usually, I like to put my TOC as the second capsule on the left, with a photo next to it, as you see here. Or, it can go on the right. Anyway, below the introduction, but near the top makes the most sense to me.

Line up your thoughts

A table of contents can bring a little order and clarity to your organic hubs.
A table of contents can bring a little order and clarity to your organic hubs. | Source

Cautions - Let's Get the Weird Stuff Out of the Way

Okay, to do this, you will need to play around a bit with HTML, the underlying code that adds links, formatting, and other cool stuff to the plain words and letters on a web page. But don't panic! Even if you've never looked inside a link, you're going to be working with the very simplest bit of HTML code - how to write a link. And I'll hold your hand with pictures and examples all the way through.

There are also a few other geeky tips to make this work, so take a deep breath before each bullet point, because, once you get to the end of this capsule, it's all easy as pie from there. (And I mean eating pie, not even baking it!)

  • Locate the > (greater than) symbol (SHIFT+Period) and the # (number sign) symbol (SHIFT+3) on your keyboard. You're going to need them.
  • You want to publish your hub, and then go back and add the table of contents, then publish it again. We have to do this because links can only be tested on published hubs, and we want to test our links before we finish our Table of Contents.
  • You are going to want 2 browsers open to do this. One will be the one where you go into edit mode on your hub and build a table of contents. The second will hold a published view of your hub. In addition, you may want to either print out this hub, as instructions, or have it open in a third browser window.
  • Open Notepad, or any plain-text editor. It's going to hold just one line, the text of the link to your hub page.
  • Last, but not least, you're going to do all of this backwards. It's the geeky gimmick that makes this whole thing work. There's a bunch of stuff in this process that all works backwards, and, by tricking it out and working backwards yourself, you're going to fly right through and get your table of contents done in just about 10 minutes. (Well, maybe not the first time!) Here's what I mean:

- You're going to create the last TOC entry first, and work your way up from the bottom
- You're going to create the end of each link first, then paste in the beginning
- You're going to test the link first, then finish writing it.

Still breathing? Good! Because this was the only hard part. It's all easy from here.

Screenshot 1: Ready to Edit your TOC

Your hub, in edit mode, on the left. Your hub, in view mode, on the right. Notepad open on the lower left
Your hub, in edit mode, on the left. Your hub, in view mode, on the right. Notepad open on the lower left | Source

Set up Your Browsers and Notepad

So, let's get you set up to create your Table of Contents. You can see the results of these steps in Screen Shot 1.

  1. Open two separate browsers, not two tabs of the same browser. I'm using Firefox, but you can use Internet Explorer, or any other browser.
  2. One browser will be for editing the hub. I put that one on the left. Go to HubPages, and, under your name, choose My Account. Then select the hub in which you want to add a TOC. Click on Edit to go into Edit mode for that hub.
  3. The second browser will be for viewing the same hub. I put that one on the right. Go to HubPages, and, under your name, choose My Account. Select the hub that you are working on, but do not click on edit or go into edit mode. Simply view the hub.
  4. Note the two different address bars in the two browsers. The one in edit mode t says something like "http://hubpages.com/hubtool/edit/3171797". The one in view mode says something like, "http://sidkemp.hubpages.com/hub/TOC", which is your domain name and the name of your hub. This is crucial.
  5. Open Notepad and resize the window so that it is very small and out of the way.

Screenshot 2: The Add button

Screenshot 3: Select Capsule Type

This close-up shows you where to select the underlined link type for your capsule.
This close-up shows you where to select the underlined link type for your capsule. | Source

Screenshot 4: Add More Capsules

The Add More Capsules control box, with the Link option on the right, second down from the top.
The Add More Capsules control box, with the Link option on the right, second down from the top. | Source

Create the Table of Contents Capsule

Your Table of Contents will be in a special capsule called a link capsule. To create it, click on the floating "Add" button on the left that you see in Edit mode, as shown in Screenshot #2. When a blue bar appears listing the different types of capsules, choose link as the type of capsule. This is shown in the close-up in ScreenShot #3.

There is another way to create the TOC capsule. You can go to the menu on the upper right, called Add More Capsules, and click on the links box. which is the second from the top on the right. This is shown in Screenshot #4.

Then click edit, and name the capsule Table of Contents or whatever else you want to call it. The result of these steps is a link capsule called Table of Contents, as shown in Screenshot #5.

Now it's time to start building the links and putting them into your TOC capsule!

Screenshot 5: The TOC link capsule called "Table of Contents"

The TOC link capsule, ready to edit, where you will add the links to all your other capsules
The TOC link capsule, ready to edit, where you will add the links to all your other capsules | Source

Copy the URL of the Hub

Okay, we're almost ready to start building the TOC. There's just one more step, and its simple. The web page address in the address bar is called a URL (Universal Resource Locator). The URL is the key to making a link, because it tells computers where to do when they click on the link.

You want to copy the URL of your Hub from the View browser to Notepad:

  1. Click on the browser on the right, with the view of your hub, and highlight the text in the Address window, the URL, which will look something like this: "http://yourname.hubpages.com/name-of-your-hub.
  2. Copy the highlighted URL (CTRL+C).
  3. Click on notepad, and click inside the blank document.
  4. Paste the URL into notepad (CTRL+V).
  5. Type a pound sign (#) (SHIFT+3) in Notepad right after the end of the URL.
  6. Compare the URL in Notepad to the URL in the view browser. Make sure they are exactly the same, except for the extra pound sign. Make sure there are no extra spaces in the text in Notepad.
  7. If you want, you can save the notepad file.

Now, you are all ready to start building your Table of Contents.

Make the Last Entry First

To make things easier, we're going to make the last entry first. Here are the steps, which are explained in detail below:

  1. View the source code, the HTML version of your hub.
  2. Find the location of the last capsule title.
  3. Copy the ID that marks the location of the last capsule.
  4. Build the link.
  5. Test the link.
  6. Add the Link Title.
  7. Add the Link Summary.

"Seven steps for each link," your screaming, "This is going to take forever!" Not so, my friend. I timed it. You can do this in two minutes per link - literally. I just followed these steps, and created a Table of Contents for a hub with 10 capsules in 20 minutes. In fact, the longest part is deciding what to say in your summary!

Following these seven steps, you will build one link, the link for the last capsule. Then you'll work your way up from the bottom, adding the rest of the links.

Step 1: View the source code of your hub

When you look at a web page in a browser, you see the display view, which is actually created by the browser on your computer. The host out on the internet sends instructions to your browser called HTML code, and the browser turns it into the page display you see. We're going to go under the hood and see the HTML code. Don't worry. The way we're doing it, you won't be able change anything, not even by mistake, so you can't possibly mess up your hub.

Go to the browser which is showing you the display view of your web page. That's the one on the right, if you set up the screen the way I did. Viewing the source code is easy. How to do it depends on the browser you use:

  • In Firefox, right click anywhere on the web page, and select "view page source."
  • In Internet Explorer (IE) 9, look for the tools icon on the top right. Click on it, and select F12 Developer Tools (or just hit the F12 key on your keyboard).
  • In Google Chrome, use the tools icon on the top right, then select Tools, then select Developer Tools (or hit CTRL+SHIFT+I on the keyboard).

If you're looking at the source code, it will look something like Screenshot 6.

Step 2: Find the location of the last capsule title

If you look closely at Screenshot #6, you'll see, in the bottom left, the Find: box. That's there because I hit CTRL+F to open this Find Dialog box. CTRL+F gives you a Find Dialog box in any browser. Anything I type in there, the computer will find what I'm looking for in the source code. And that's exactly what we want to do.

  1. Put the cursor in the Find Dialog Box.
  2. Type the greater-than symbol (>) by hitting SHIFT+Period.
  3. Type the title of the last capsule in your hub.

If you did that right, you'll see the HTML code for the header of the last capsule of your hub. If you didn't, just try again. You'll get it! When you do, it will look like Screenshot #7.

Step 3: Copy the ID that marks the location of the last capsule

When you find the header of the last capsule of your hub, take a look to the right. You're looking for something that looks like id="txtd_19064139". Of course, you're ID code will be different. That's the whole point. Congratulations! You've just found the unique ID for this capsule. This unique ID will be the target of your link. That means, when anyone clicks on the link in the Table of Contents, the browser will jump down to the capsule that shows exactly this location in your hub. Note that the ID may begin "txtd_", but I've also seen capsules with ID's that begin "mod_". Either way, it doesn't matter. Whatever the ID is, that's what you want to find and copy.

Now, highlight what's inside the quotation marks with your mouse. Make sure you get the whole ID, but not the quotation marks. And copy that text by hitting CTRL+C.

You're ready to build the link.

Step 4: Build the link

Now, return to the browser where you are editing your hub, and go to the Links capsule that says "Table of Contents." You will see an edit button on the blue bar above the words "Table of Contents. Click on the Edit button, and you will go into Edit mode for the Link Capsule, which looks like Screenshot #8. Make sure the round radio button Add links by: URL is checked.

Put the cursor in the URL: dialog box. Paste in the ID you copied from the source view of your hub with CTRL+V. When you do, your link box should look like the one you see in Screenshot #8, except that the ID for your hub capsule will be in place.

Now you're ready for the last step in building your link. Return to your Notepad window. (If you've forgotten what that is, check out Screenshot #1, and look at the lower left.) Highlight all the text of the link from the beginning "http://" to the end "#" and copy it with CTRL+C.

Return to the link edit box for your table of contents. Put the cursor at the beginning of the URL dialog box, before the ID. Paste in the web page URL of your hub with CTRL+V. The result should be a URL that looks something like this: "your.name.hubpages.com#txtd_123456789", as shown in Screenshot #9.

This is what I mean by building the link backwards. We find the unique end of the link first, and paste it in. Then we put the cursor in front of it, and add the piece that's the same for every link, the URL of your hub. Easy-peasy!

Click on the "add Link" button.

Step 5: Test the Link

As soon as you've clicked on the "Add Link" button, you will see the dialog box where you test the Link URL; add the Link Title; then add the Link Description.

The first thing you do is hit the Test button and test the Link URL. If it comes up okay, then you're good to go. If it doesn't, check these items:

  • Be sure you've published your hub. A test of a Link URL will fail, even if it is right, if the hub is not published.
  • If the hub is published, just read the link really carefully. Make sure there are no spaces or extra characters. Make sure that all the ??forward slashes (/) are correctly in place. Make sure the pound sign (#) is in place between the page name and the ID code.
  • Double check that the ID code is right.
  • Test again. It should work this time.

Once the message "Link is Okay" appears, you're ready to add the Link Title and the Link Description.

Step 6: Add the Link Title

This is the easiest part. Simply type the title of your capsule into the Link Title Dialog Box.

Step 7: Add the Link Description

This is easy, too. Type any short phrase or sentence that describes the capsule. Feel free to make it fun or enticing! You don't have to to this, but a TOC with no descriptions makes me yawn!

Your TOC entry is ready!

Congratulations! You've made the last entry in your Table of Contents. Now, you're ready to work upwards, putting in the rest.

Make All the Other Entries Just Like the Last One

Now, working your way up from the bottom, make each entry in your table of contents just like you made the last one.

Why work from the bottom up? Simple: The HubPages editor inserts each link above the last link you made. So we start at the bottom, then create the second-to-last link, then work your way up. Then, when we finish, the whole TOC capsule has all the TOC entries in the right order.

If you don't do that, no worries! You can re-order the links by dragging them up or down, as needed.

And, of course, you don't need to include all your capsules in your Table of Contents. I usually don't include the first one, which is an introduction. And I don't include photo capsules. It's up to you!

Screenshot 6: View the Source Code of Your Hub

This is what your hub looks like as HTML in the View Source mode. Be sure to note the Find Dialog box in the lower right.
This is what your hub looks like as HTML in the View Source mode. Be sure to note the Find Dialog box in the lower right. | Source

Screenshot 7: Find the Header of Each Capsule

This is what your header looks like in HTML. Note the   symbol just before your title: You use that in your search. Note the blue ID tag with a bunch of numbers. That's what you copy.
This is what your header looks like in HTML. Note the symbol just before your title: You use that in your search. Note the blue ID tag with a bunch of numbers. That's what you copy. | Source

Screeenshot 8: The ID Code in the URL Field

Here, you see the URL field from the Link Capsule with the ID tag inserted. This link is not finished.
Here, you see the URL field from the Link Capsule with the ID tag inserted. This link is not finished. | Source

Screenshot 9: Add Link with URL Field Complete

Here, you see the URL field complete, with a correct link. You are ready to hit the Add Link button.
Here, you see the URL field complete, with a correct link. You are ready to hit the Add Link button. | Source

Screenshot 10: Add Link - Done!

Here, the link is tested, and the Link Title and Link Description look just right. It's time to click Done!
Here, the link is tested, and the Link Title and Link Description look just right. It's time to click Done! | Source

Voilà! a Table of Contents

You've done it! If you come this far, and worked along with me, you've created your first table of contents.

You can see the results by scrolling up to the top of this article, and seeing the Table of Contents I created for this hub. It's just to the left of the coconuts!

And if you haven't done it yet, that's okay. Take a deep breath. Go wash some dishes or walk the dog, or whatever relaxes you. Then come back and give it a try.

You can add a table of contents to a hub any time. In fact, it's a great thing to do when you're freshening up an old hub, and you want to get more page views.

And here's a freebie! How did I get that cute French à ("a," with accent grâve) in the capsule title? In the capsule, in Edit mode, look at the toolbar. You'll see the bulleted list, the undo, and a weird thing that looks like a horseshoe (Ω) but is actually the Greek letter Omega. That is the button to insert a special symbol. Click there, and a page of special symbols comes up. They're all too small to read, but that's okay, because, if you hover over one with the mouse, you'll see it nice and large on the upper left. Click on any special character, and it gets inserted into your capsule. And, because this hub is all about how to deal with weird glitches, the character gets inserted into the body of the capsule. If you want it in the Capsule Subtitle, you'll need to cut it (CTRL+X on a PC) and move the cursor to the Capsule Subtitle and paste it (CTRL+V) into place.

If you're still with me, you're a pro!

I look forward to seeing your next hub - with a table of contents - soon!

More by this Author


Your Comments Are Most Welcome 53 comments

bankscottage profile image

bankscottage 4 years ago from Pennsylvania

SidKemp, this is great stuff! I need to spend more time studying the info. Many of my hubs are long and a TOC will be great. I am trying to learn a little about HTML and this fits right in. (I already learned how to make a link open in another window, now I can learn how to make it open further down the page).

Voted up, useful, and shared.


KrisL profile image

KrisL 4 years ago from S. Florida

This is great! Clear, step-by-step intructions for the not-too-geeky. When I write a hub that's long enough I'll definitely use it.


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Banks Cottage! Learning a little at a time is how I got going with HTML, too. When you give it a try, come back and let everyone know how it went.


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Happy to help!


B. Leekley profile image

B. Leekley 4 years ago from Kalamazoo, Michigan, USA

I bookmarked for later study. I might give it a try.


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Happy to help


MsDora profile image

MsDora 4 years ago from The Caribbean

Wow! This is really great. Thanks for the lesson.


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Ms. Dora. Be sure to send me a link when you post a Hub with a table of contents!


greatstuff profile image

greatstuff 4 years ago from Malaysia

SidKemp, thanks for creating this hub. This will be useful, will come back to read more. Now busy reading the apprentice lessons..see you soon on the program.


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks Greatstuff - I look forward to apprenticing with you!


travel_man1971 profile image

travel_man1971 4 years ago from Bicol, Philippines

Well-explained hub!

As for me, I am working to connect all my orphan hubs with same topics or genre.

It will be easier for other hubbers or guest users to comment when they search a most dominant AdWord on my hubs.


cebutouristspot profile image

cebutouristspot 4 years ago from Cebu

Voted up and useful. Great step by step instruction :) Thanks


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, TravelMan - could you write instructions for us on how to do that?


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks Cebutourspot! glad I can use my geeky talents to help!


bankscottage profile image

bankscottage 4 years ago from Pennsylvania

I used the info in your Hub to make a TOC for my latest Hub on hikes around Flagstaff, AZ. I think it worked great and had a comment on it.

I was making the TOC before I published the Hub and couldn't figure out why all of my links were bad. Then I realized you can't link to an unpublished Hub. I presses on and once I published, the links worked fine. I also used you tip about the omega symbol for extra characters to get the degree sign.

I'm starting to get this HTML stuff, now if I would just understand SEO.

Thanks for all of you help.


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks - I'm really glad you were able to work through it. The first time can be tough. You can build the TOC before publishing, but the test will say the links are bad, even though they are good. You actually can use the links if you are logged in as yourself, but they won't test as good or work for anyone else. So it's a lot easier to publish, add the TOC, and republish. Take the same approach to SEO, and you'll succeed there, too!


hscchemistry profile image

hscchemistry 4 years ago from Sydney, Australia

thanks man - I'm on 11 hubs and trying to put it in the format of a syllabus, and it's super confusing trying to figure out where I've written my own stuff. Thanks!!


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Glad to help - there's a lot to organize when we really get going!


katyzzz profile image

katyzzz 4 years ago from Sydney, Australia

Very interesting hub, well done


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Hi Katy - glad I could help you make your hubs better!


Rusticliving profile image

Rusticliving 4 years ago from California

I am so excited to see this hub. Thank you so much for such a great tutorial. Here's to making our hubs the best they can be! Kudos SidKemp! Thumbs up and shared! Lisa


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Rustic Living! I look forward to seeing your Tables of Contents!


Anamika S profile image

Anamika S 4 years ago from Mumbai - Maharashtra, India

Technical stuff gives me head aches, but this tutorial seems to be easy to follow. Thanks for sharing!


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Anamika! I feel really affirmed by your comment, because making easy-to-follow instructions for non-techies to do technical things is something I really like to do.


Melovy profile image

Melovy 4 years ago from UK

This is something I have been thinking about for some of my longer hubs, and for some recipe hubs that have a preamble - so people can jump straight to the recipe if they'd rather. It looks like it could take me a while to learn, but that it would be worthwhile!

Thanks for sharing the information; I will be back to follow your instructions very soon!


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Hi Melovy - It's easier than it looks - my instructions are so detailed they often scare people at first. I'm sure you'll do fine. You taught me how to make my hubs beautiful with your tips on pictures of food, so I'm glad I can help you make your hubs more organized!


coffeegginmyrice profile image

coffeegginmyrice 4 years ago from Toronto, Ontario

This is clever and I want to make it work for me but there's a lot of things that I get lost. I opened two browsers and just after "Set up Browsers and Notepad" I got stuck. Not your fault. I just got to read through all over again and step by step though overwhelming for someone like me, lol. Will bookmark it to test in the future. Thank you Sid!


SidKemp profile image

SidKemp 4 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Hi Coffee! Each of us has different gifts, and different things we have a hard time learning. You bring a wonderful alternative perspective on life to the world in your hubs. Take time with this, read it, play with it, be okay with getting it wrong, try a few times, test with just one link, and keep at it, and you will get there. Go for it - on your own time!


Emanate Presence profile image

Emanate Presence 3 years ago from the Head to the Heart

Hi Sid,

This looks like a very clear, well organized and informative hub. At this time my internet connection is limited as we are using a USB stick between moves. But when we are settled again... In the meantime, while I am interested in the TOC within a hub, my most immediate wish is to create a TOC linking to all my hubs. First choice would be to make a TOC hub of hubs. Is that within the HP rules? I can do it with normal links if it is. Thanks.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Yes, you can create a hub listing all of your hubs. You've seen my example, my hubs for you, a guide to my writing.

You can either put the hubs in a list in an ordinary text capsule, like I did, or use links capsules.

When you want to make the link to the hub, first highlight the title, then click the LINK button on the capsule toolbar. There are two ways to go from there.

- If the title of the hub shows up in the "my hubs" tab, then just click on it.

- If it doesn't, then bring up the hub in another browser window, and copy and paste the URL from the URL bar of the other window.

Linking to hubs is easy, just use the standard URL. (You don't need to do the fancy stuff needed to link to a capsule in a hub that is in this article here.)

The only time not to do this is while you are in the Apprenticeship program. If you're going in, create it before you enter, and then you can keep it up to date. Oops! I need to take my own advice on that.


bankscottage profile image

bankscottage 3 years ago from Pennsylvania

Hey Sid, more great info in the above comment, but a suggestion. If you want to "keep your readers" (as Sinea Pies suggests in her Hub), use the text capsules rather that the links capsule. When a reader clicks on a link, whether it is in the text or links capsules, the link leaves your page and opens the link in the same browser tab as your source (your TOC Hub) was located in. It then makes it difficult for your reader to easily get back to your TOC Hub (other than using the back arrow of your browser).

Sinea Pies has a way to keep your original hub open and open the linked hub in another browser tab. Both Hubs are open and the reader can easily go back to the TOC Hub (it is in a tab of the browser). But, I believe this can only be done with a link in a text capsule because basically, you have to alter the HTML text (which you can't do in the links capsule). In the HTML mode of the text capsule, you locate the link in the code and add: target="_blank". Click on the link and it opens in a new tab.

If you are interested, here is the link to Sinea Pies hub: http://hubpages.com/literature/Readers

Careful, I think it will open in this tab rather than a new tab ;-)


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, BanksCottage. That's a great tip. I'll try it out. A friend, KrisL, has suggested to HubPages that all links outside the hub (or at least those off HubPages) go to a new tab or window by default. Maybe we should ALL put in this request.


Learning in Life profile image

Learning in Life 3 years ago from SW Florida

Great hub!!! Thank you so much for sharing. I'm not very good when it comes down to the real techy stuff. It took me a bit but I figured it out. Thank You again. Will share with my followers.


sleepylog profile image

sleepylog 3 years ago from Australia

Thank you so much for posting this, I was actually going to enquire about why HP don't have this feature for us to use. It's going to come in handy for a few of my hubs. Voted up and useful.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, LearningInLife. I admire your persistence, and I'm happy to help. I'm glad when my instructions empower people. Double thanks for sharing!


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Yes, SleepyLog - I was excited when I figured out how to do it. It makes life a lot easier for our readers, especially with longer hubs. Glad I could help.


Glenn Stok profile image

Glenn Stok 3 years ago from Long Island, NY

I've done this a couple of years ago with a few hubs. Later I noticed that some links in my TOC became broken because the capsule IDs had changed since I first created the TOC. I don't know if it happened when I later modified the hub or if it happens on its own when HP makes changes. But it is important to go back and verify our TOC's every once in a while to be sure they don't have broken links, especially when we modify a hub or add capsules to a hub that already has a TOC.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Glenn. This is good to know. An important question: Did the links show up as broken links with a warning from HubPages?

I suspect it may have been a one-time upgrade when HubPages changed their naming convention for capsules, which I mention in the article. But we should also check if it changes when a capsule is revised.


Glenn Stok profile image

Glenn Stok 3 years ago from Long Island, NY

Sid - I can't actually remember if I just stumbled upon the broken links or if the broken link icon appeared in the stats page. I've gotten those when other links broke. You may very well be right. I think it only happened to me one time. So it may have been when HP revised the capsules. I wish I knew for sure.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Let's both keep an eye out. Please post here if you discover anything!


Ceres Schwarz profile image

Ceres Schwarz 3 years ago

This is a really very helpful hub on how to create Table of Contents. I also read darkside's hub on the same topic and I found both to be very helpful. I actually made use of both hubs to try making my own Table of Contents so I guess I didn't follow all the steps exactly but it still worked anyway. This was really very detailed and your images helped. I think everyone will be able to get how to do this with your step-by-step instructions.

You're right that we can't test the URL if the hub is not published. But I found that if you're no longer in edit mode of your hub, you can still test if your TOC works. That's what I did because I wasn't ready to publish my hub yet. I thought I was just going to add the TOC anyway even if I couldn't test the links but it turns out I could still test it anyway. Thanks for sharing this very helpful hub.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Hi Ceres, and thank you. Yes, that's a good point. Although the TEST feature in the Link capsule will fail until the hub is published, we can still test as you suggest. If I get you right, we leave Edit mode, and view the hub while logged into our own account, and test the links while reading the hub. The links in the TOC should move us around in the hub, even before it is published. If they do, then they work. If not, we go back into edit mode to make corrections. Excellent point.

And yes, exact technique varies, and some things are easier for one of us (or in one browser). So do what works for you, as long as it works!


Billie Kelpin profile image

Billie Kelpin 3 years ago from Newport Beach

Excellent, excellent, excellent!


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Billie! Have you tried it yet! Give us a link to your hub with a TOC whenever you're ready.


Billie Kelpin profile image

Billie Kelpin 3 years ago from Newport Beach

I will. I'm re-doing our whole website that's been running since about 96 and I'm going CRAZY with the transferring and updating, but I'm getting there. I really appreciate knowing this, but I think the software people really have to get onto this need. PLUS i was saying in my responses to this ques in the forum. I'd really like to see our articles look like the slide shows that peole view on aol, etc. Pieces of the information to the left of the picture. From a learning stand-point, I think small chunks of information tossed out at the reader's need and interest is where it's at. I should ready all your hubs. The time, the time...where's the time?


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

One day at a time, Billie. One step at a time. And I do feel your frustration. I'm heading towards video, myself, to gain some more control and flexibility in presentation.


Emanate Presence profile image

Emanate Presence 3 years ago from the Head to the Heart

Sid, it is a well-done tutorial on making an internal TOC for a hub.

I know you are going into video-making. Have you considered to offer a TOC to all your hubs from an external web site?

The Emanate Presence site has a page of active links to each of my hubs, in A-Z order.

It was worked very well, and we see traffic in both directions between HubPages and the Emanate Presence site, which I created with Weebly.

Just another angle. Thanks for the informative hub. My 2nd visit here, but Voting up and more.


Billie Kelpin profile image

Billie Kelpin 3 years ago from Newport Beach

I've been leaning that way. Let us know.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Thanks, Emanate. I haven't done this yet. But I have plans for blogs & websites that will connect with HubPages in a ring. It's a great way to go.


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Will do, Billie!


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

Hi ReviewStop: Thanks for letting me know. Actually, the links must have gone bad recently. HubPages updated its format for module names. Perhaps they upgraded older hubs, or perhaps when I edited & saved, the module names changed.

Also good to know: The HubPages Broken Links feature does not show these as broken. So now we know: We need to check TOC links periodically and after we update a hub to make sure that they are still working!

I always appreciate it when people find problems with my work - it helps me improve.


Billie Kelpin profile image

Billie Kelpin 3 years ago from Newport Beach

Yay, and again Yay! Thank you! I don't have time to read this now, but you betcha I'm gonna for my next hub! Again, thanks, SidKemp


SidKemp profile image

SidKemp 3 years ago from Boca Raton, Florida (near Miami and Palm Beach) Author

You're more than welcome, Billie. Glad to help out other hubbers.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working