How to Change the Titles of browsers & blogs

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!