Changing Blogger Header Image Link

If you choose to either place your header image 'Instead of title and description' or 'Have description placed after the image' while uploading your header image to Blogger, your image will have a link on it. The link acts like a home button, as it brings you to your main page. However, some prefer to have it pointing elsewhere, to a private website for example. In this tutorial, I will show how you can quickly change the target destination of this link.

Step 1:

Make sure your image has a link in the first place. You can do this by editing your header - Choose either the second or third option.

Step 2:

If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) - Check the box next to 'Expand Widget Templates'

If you're using the new Blogger interface: Go to Dashboard - Template - Backup/Restore - Download Full Template - Close -  Edit HTML - Proceed - Check the box next to 'Expand Widget Templates'

Find for the following line:

<a expr:href='data:blog.homepageUrl' style='display: block'>

Original code in place:

Step 3

Change it to:

<a expr:href='"http://www.southernspeakers.net"' style='display: block'>

If you want it to open in a new tab, change it to this instead:

<a expr:href='"http://www.southernspeakers.net"' style='display: block' target='_blank'>
.

Modified code in place:

It goes without saying that you've to change the URL in the code above to that of yours. Have fun!