Create links to your Blog and Items


You must have been noticing that on few Blogging websites, there the Post Titles link to the Blog Items which bring you to the complete post description including comments.

And there are Blogs where Title links to the Blog URL or main URL.

This can be done in Blogger. All you need to do is to change our template.

To make link to main page on Blog Title

In template, just after <body> tag, there is blog header tag as <div id=”blog-header”>. Inside it, <a xhref=”<$BlogURL$>” mce_href=”<$BlogURL$>” $> is wrapped into <ItemPage> tag. All you need is to remove those 4 <ItemPage> tag which wrap <a xhref=”<$BlogURL$>” mce_href=”<$BlogURL$>” $> and </a> tags.

Initially, the code looks like –

<div id=”blog-header”><div>
<h1>
<ItemPage><a xhref=”<$BlogURL$>” mce_href=”<$BlogURL$>” ></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>
<p><$BlogDescription$></p>
</div></div>


And after making changes, it turns out to be –

<div id=”blog-header”><div>
<h1>
<a xhref=”<$BlogURL$>” mce_href=”<$BlogURL$>” >
<$BlogTitle$>
</a>
</h1>
<p><$BlogDescription$></p>
</div></div>


To make link to permanent post link on Post Title

After the post title starts as <BlogItemTitle>, the code looks like –

<BlogItemTitle>
<h3 class=”post-title”>
<BlogItemUrl><a xhref=”<$BlogItemUrl$>” mce_href=”<$BlogItemUrl$>” title=”external link”></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>


Remove the 4 <BlogItemUrl> tags.
Then replace <$BlogItemUrl$> tag with <$BlogItemPermalinkUrl$> tag.
Everything is done.

Now the code looks like –

<BlogItemTitle>
<h3 class=”post-title”>
<a xhref=”<$BlogItemPermalinkUrl$>” mce_href=”<$BlogItemPermalinkUrl$>” title=”external link”>
<$BlogItemTitle$>
</a>
</h3>
</BlogItemTitle>


Now save the template and don’t forget to Republish Entire BLog (not republish index) to see the complete changes.

Leave a Reply

Your email address will not be published.