How to remove link of your Blogger Blog's title

You may want to allow visitors to click the title of your blog and they will be brought back to your blog's home page. By default, when a visitor browses any page except your blog main page, your blog's title will become clickable and have link to your blog main page. However, some bloggers would like to remove this link as it does not match with their customized templates. 

Step 1: Sign in to your blog
Visit Google Blogspot home page at: http://blogspot.com/ or http://www.blogger.com/ and sign in with your Google account.

Step 2: Locate the title id of your blog 
When you sign in to your blog, you are presented with the main dashboard. You can then click 'Design' link under your chosen blog title.


You can click 'Edit HTML'. Before modifying your blog html code, it is essential to back up your current blog template. So that if any mistakes happen you can easily restore the working template. To back up your blog design, click the ‘Download Full Template’ link below the ‘Backup / Restore Template’ tab and save the XML file to your computer.

Tick the 'Expand Widget Templates' check box. In case your blog's header does not contain a background image, locate the following code.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>  </b:if>
Delete the <a expr:href='data:blog.homepageUrl'> and </a> element.

In case your blog's header contains a background image, locate the following code:

     <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>

Delete the <a expr:href='data:blog.homepageUrl' style='display: block'> and  </a> element.

No comments:

Post a Comment

Blog Archive

About Me

My photo
I am a software developer with roughly 5 years of experience in developing end-to-end solutions in C#, Java, C/C++, PHP and HTML/CSS/Javascript. At the moment, I am joining the Professional Doctorate in Engineering degree program in Software Technology at Eindhoven University of Technology. My areas of particular interest include software design, data structures and algorithms, problem solving, software security, embedded system, machine learning, and data science.