How to: Create A Bookmark HTML In A Blog Post

imageSo the question comes up in the Windows Live Writer forum, can you establish bookmarks [HTML] in a blog to link to specific parts of a blog with Windows Live Writer?

The answer is NO- not natively, but you can do it other ways.

But if you know a little HTML code, you can do it. Or if you've a HTML WYSIWYG editor it’s not real hard.

You can do this with Kompozer; a free HTML WYSIWYG editor you can download. Very easy to use and portable. Great for quick HTML edits.

If you're looking to something special/specific with the layout of your site/blog, you can make an attempt establish/compose a blog, edit it with an outside HTML editor to have more HTML control. I suggest trying Kompozer [it's free and open source]


Here’s my example…


I’m going to provide a example of how this works.

I’ve a table of contents in HTML code in this post.

 <p ALIGN="LEFT"><a href="#Why_do_we_use_it_">Why_do_we_use_it_</a></p>
 <p ALIGN="LEFT"><a href="#Where_does_it_come_from">Where_does_it_come_from</a></p>
 <p ALIGN="LEFT"><a href="#Where_can_I_get_some">Where_can_I_get_some</a></p>



I also have some links in the post as well to link to [jump to]; here’s my examples:

<a name="Why_do_we_use_it_">Why do we use it?</a>
<a name="Where_does_it_come_from">Where does it come from?</a>
<a name="Where_can_I_get_some">Where can I get some?</a>



So these links are in this post and here’s the active example below:


Table of Contents


Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).


Where does it come from?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.


Where can I get some?

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.



So what happens, you click on a link and it takes you to a point somewhere in the same page of that post; it’s actually pretty neat. Especially if you do instructional posts.

AND you can press the back space button and you’re still on the same page; just back where you were.

This behavior can be affected by the CSS in the site/blog, but for my example [and from Kompozer link settings, I offer this:


Observe the options for the target, you can make some changes there.

Again, this may not work on all blogs, but you can try it, and/or then adjust your CSS accordingly.


It’d really be helpful if Microsoft would provide a plug-in to be able to easily establish the bookmarks/anchors and then be able to link to them intelligently.

If you'd like, you can leave feedback for the Windows Live Writer team for suggestions/improvements:


For everyone else…I hope this helps…


Until next time,

Enhanced by Zemanta

No comments:

Post a Comment


Related Posts Plugin for WordPress, Blogger...