Post Title Before Blog Title on Blogger.com

The default title formatting for your Blogger blog is to display your blog title and then the post title. Post title and blog title both are very important for search engine optimization. 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.

Here are the simple steps you can follow to make your post title appear before your blog's title.

1. Log in to Blogger.
2. Go to the blog you want to edit.
3. Click on Template.
4. Click Edit HTML.
5. You will see the Template window. Press Ctrl + F (on your keyboard) and type the red colored code in the search box:
   <title><data:blog.pageTitle/></title>
6. Select the red marked code and replace it with the following code:
   <b:if cond='data:blog.pageType == &quot;index&quot;'>
   <title><data:blog.pageTitle/></title>
   <b:else/>
   <title><data:blog.pageName/> ~ <data:blog.title/></title>
   </b:if>
7. Now click on Save template.

This code sets your Blogger blog so that your blog name displays on pages which are not individual blog posts, but otherwise the blog post title is shown before the blog name.

Hoped this helped!

If you have requests or questions feel free to tweet me on twitter, @NicoCalunia