Drop Down Indexes: Nifty Table of Contents Tricks
Above, you can see a different, nifty design for a table of contents. I'll post the code for the table of contents here which anyone can use with a few customizations.
A quick note before we begin: your browser must
allow Javascript to see the list in action.
Drop Down
Index for Your Sidebar
Drop Down
Index for Your Article Post
Adding the Code to Your Sidebar
1. Look at the code below, and scroll down until you find the for the form information. You're looking
for the info beginning here:
** Replace New Stone Soup's Links with your own. There are four or five links here, but feel free to add or delete as many as you like.
2. When your links are replaced, Copy and Paste everything into your ADD/EDIT HTML page. Whoo-hoo! You're done!
Adding a drop down index directly into your article posts takes a few more steps, but it isn't really any more difficult.
Adding the Code to An Article Post
1. Open a simple text document:
** Right-Click on your empty desktop screen without any browser windows open.
** Go to: NEW -- Text Document
2. Look at the code below, and scroll down to the form information (a tip on how to find the info can be found above) and replace New Stone Soup's links with your own.
3. Copy and Paste everything to your New Text Document:
4. Once you've pasted the code into your new Text Document, SAVE with a name you'll remember.
5. Here's the tricky part: at tBlog, go to WRITE A POST. Then write a post. Told you that was the hard part. Just finish it up but do not actually click POST YOUR ARTICLE quite yet.
6. On your WRITE A POST page, switch your VIEW over to PLAIN VIEW if you're not there already.
7. READ ALL OF STEP 7 BEFORE PROCEEDING!! Copy and Paste everything from inside your article box into a very specific place within your New Document: the place between the last FORM tag and the last BODY tag.
8. Save your document, then Copy EVERYTHING and paste it ON TOP of everything in your article
box:
** MAKE SURE YOU PASTE OVER THE ENTIRE POST! It might be easier to delete everything inside your article box before
pasting your new article there--in any case, just make sure that you realize that the document you just saved contains your
whole post, and you don't need your previous version. And that's all there is to it.
** If you use this code, we wouldn't mind if you posted a link on your blog to the New Stone Soup Blog!
There you go! Nice and nifty content box at the top of your nice and nifty post. Here's one last tip: if for whatever reason you want to edit the article once you've posted it, try to do your editing within the document you saved. Once the article is edited there, save it again, the Copy and Paste it into your Edit Article content.