How to Show Blogger Post Title First on Search Engine

One that makes our blog crawled easily by Search Engine bot is by installing the Meta tag on our blog template. According to SEO ( Search Engine Optrimization ), a good template is placing the code of post title before the code of blog title; how about blogger template? By default, blogger template is placing the code of blog title before the code of post title. 
To prove that blogger template places the code of blog title before the code of post title, please click the post title of your blog and see the upper of your browser, and then you will see it as the example below: 

You can see that blog title is before post title, and it is no good for the crawl of our blog by the search engine bot. Compare with my blog that has been modified (click one of the title post of this blog)

It’s different, right? You will see that post title is before blog title. Why so? Because Kang Rohman has customized the blogger meta tag title. This way makes our blog easily crawled by search engine robot. Below is the screenshot of searching result my blog  in google.com with the keyword Blogspot Tutorial:

If you are interested in Showing Blogger Post Title First on Search Engine, follow the steps below:

How to Change the Titles:

1. Go to Layout>edit HTML in your Blogger dashboard.
2. Search for this tag: <title><data:blog.pageTitle/></title>
3. Replace this tag with the following code:

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

4. Save your template and you should see the results in your web browser as depicted in the images below.
5. It may take a few days for the changes to show up on the google search results. I guarantee you that you will start receiving more traffic from google once you are re-indexed!