How to Link Blogger Header to Another Site

Posted by Lasantha Bandara on May 12th, 2014 File Under : change template, header, html6 Comments

As you can see in most times, your template header title links to your blogger blog that template has been applied. This tutorial explains how to link your blogger site header to another site you like.

Follow the steps given below to link blogger header to other site.

1.Login to your Blogger account and go to "Edit HTML" of your blog.

2.Scroll down to where you see this (or use Ctrl+F to find that code):

<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>

Blogger Edit HTML

3.Replace above code with below code:

<b:includable id='title'>
  <a href='LINK_OF_YOUR_ANOTHER_SITE'><data:title/></a>

NOTE : Replace 'LINK_OF_YOUR_ANOTHER_SITE' with actual URL of your another site and save your template.

File Under : change template, header, html

6 Responses to “How to Link Blogger Header to Another Site”

  1. Raja says:

    Thanks i will try to implemented in my blog

  2. Nadeem says:

    Please Tell me how You make>>> Home Download Temp lets Jobs Contact button links please tell me I am waiting your answer.

  3. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    Nadeem ,

    If you need to add navigation bar to your blog download css Menu Generator(700 KB) to do it.


  4. Nadeem says:


  5. Jeff Cohn says:

    I can't seem to get this code to work on my blog I want the header image to point to Any suggestions of what to modify?

  6. Daniela says:

    Can you help me??
    I can´t find the code ... I just want my header-image to be a link to my "home" page ...

    Please - I need help!

    Waiting for your reply,
    Daniela Friedemann (from Germany)

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.