Sep 18 2010

How to: Create A Bookmark HTML In A Blog Post


image_thumb24 How to: Create A Bookmark HTML In A Blog PostSo 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]

Link:
http://www.kompozer.net/download.php

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.

<blockquote>

 

 <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>

 

</blockquote>

 

 

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:

 

image_thumb25 How to: Create A Bookmark HTML In A Blog Post

 

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.

 

Update:

Not content completely with this solution I kept looking around, but then settled on this as an alternative.

image_thumb26 How to: Create A Bookmark HTML In A Blog PostThere’s a plug-in for Windows Live Writer called DT Template; it’s awesome – it has some great abilities.

You can use a nice little tool called Dynamic Templates.

I really suggest you go to the website and watch the videos to get the real idea of the plug-in. It can help/do many things.

Website:

http://www.joecheng.com/code/DynamicTemplate/

I decided to use it, to work to my advantage.

I loaded/opened the plug-in and created this template. It’s crude, but it’s better than the option above.

Establish the new template and insert the code as follows.

 

<strong>Link:</strong><a href="#<%= anchortag %>">...<%= _selection %></a>
<br><strong><a name="<%= anchortag %>"><%= _selection %></a></strong>

 

This takes the text you highlight, creates a bookmark and then creates an active link to place else where like a TOC listing.

This works much better.

 

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:

https://feedback.live.com/default.aspx?productkey=wlwriter&wa=wsignin1.0

 

For everyone else…I hope this helps…

Until next time,

LEHenryJr

LEHSYS.com

 

zemified_c How to: Create A Bookmark HTML In A Blog Post

Support the site — Share this!

  • sellnfl

    I wanna say something,especially if I read a post that really grabs my attention. However, I won’t do it for the sake of doing it.I just think that I really like in your article point of view.