How To Make Blogger Post Title Unclickable

Making Blogger Post Title unclickable is very good and professional look.  We all know that by default blogger posts  are all clickable both on the home page and on a single post page; but this is not cool because links are only meant to direct or redirect you to a page where you will view its content, and so having the post title clickable while on the page content looks a bit unprofessional.

Incase, you want to change the settings, then follow this simple tutorial and you will have your Blogger Post Title unclickable on a Single Page.

Follow steps –

Step 1: Login To Blogger, then click on > Design.

Step 2: click on > Edit HTML.

Step 3:  Tick the “Expand Widget Template”  box by the top right of your template.

Edit blogger design

 

Step 4:  Search for the code –

<b:if cond=’data:post.title’>
<h3 class=’post-title entry-title’><b:if cond=’data:post.link’>

Note: The above code tag may show <h1 or <h2 in your own template, spot it and change it. The full code should look like this..

<b:if cond=’data:post.title’>
<h3 class=’post-title entry-title’><b:if cond=’data:post.link’>
<a expr:href=’data:post.link’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

Step 5: Replace the above codes with the following:

<b:if cond=’data:post.title’>
<h3 class=’post-title entry-title’><b:if cond=’data:blog.pageType == “item”‘>
<b:if cond=’data:post.link’>
<data:post.title/>
<b:else/>
<b:if cond=’data:post.url’>
<data:post.title/>
<b:else/>
<data:post.title/>
</b:if>
</b:if>

<b:else/>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</b:if>
</h3>
</b:if>
OK you are done, save your template and view a single post page to see this action!

(Visited 380 times, 1 visits today)