Show Post Title before Blog Title in Search Results

If you're using blogger for your blog then you may notice search engines show your Blog Title first instead of Post Title. Certainly this will affect the flow of visitors in your site. Because when someone is searching for a topic he would like to click on the site that matches his search words. But if your blog title appears first then the visitors may skip your site! 

What do you see here? A search topic like that- Cell phone quality using IMEI. Also look at the first 2 results. The first one showing- How to Check Cell Phones Quality Using IMEI. The second one showing- Tips n Tricks: How to Check Cell Phones Quality Using IMEI.

In the second search result the Blog Name Appears first. Tips n Tricks doesn't match the search result.

But in the first result you notice that Marks PC Solution appears first. But blog name is not showing first. Rather you can see the Post Name. So which one should you visit as a visitor? Certainly the first link.


Now follow the simple instructions below to apply this on your blogger site.
Sign in to your blogger account and go to the Dashboard or Design.
Now go to the Template option and Click on Edit HTML. (Please Backup your template if you're a beginner)
You will see the Template window. Press Ctrl + F and type the red colored code in the search box to find it:  <title><data:blog.pageTitle/></title>
Now select the red marked code and replace it with the following code:
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title> <b:else/><title><data:blog.pageTitle/></title></b:if>
You're almost done! Now save the template and close it.

You may not be able to see the effect immediately. Because search engines might require few days to update their databases or crawl your blog. However you can see the effect immediately in your browser's tab. Hope it will boost your site's traffic. And certainly it will be helpful for SEO too.