How to link Header to Another Site?

A reader wants to link his blog header to another site. The Blog Header links to the blog Main Page (Home) on the post pages. Hence if a viewer is on the post pages he can just click the header to return to the Main Page. Our reader wishes to increase traffic to his site by making the header link to it.


For this he needs to modify the code for the header. Login at Blogger.com and click Layouts link on Dashboard. Then click Edit Html subtab of Layout tab. Click the Expand Widgets Template box at the top of the Template Code box. Then scroll down to this code in the Blog Header :



<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>

What this code says is that if it is the Main Page just show the header without the link. On Post pages link header to Main Page. To link the header to another site change above code to :


<div class='titlewrapper'>
<h1 class='title'>
<a expr:href='LINK_OF_YOUR_SITE'><data:title/></a>
</h1>
</div>

Replace 'LINK_OF_YOUR_SITE' with actual link of your site and save template

0 comments:

Post a Comment