Make Your Title SEO optimized or Friendly in Blogger

Do you know guys? In blogger, free template's does not support SEO friendly title's. You must have to have to change it, if you want to increase the rank of your site in search engine's. It will take your rank high it will increase your CTR which will give increases in your Adsense revenue or other's too.
To understand better I have two image's which is given below. First image is not optimized and second one is SEO friendly title which is optimized.
Image 1.

Image 2.

If you also want to make your title seo friendly so make some changes in your free blogger template. Follow some steps -
Step 1. Login to your blog. Go to Template and then edit HTML then after click any where in code window one time and press Ctrl+F from your keyboard and find given below code.

<title><data:blog.pageTitle/></title>

Step 2. Now you need to change some code. Remove or Delete above code and paste given below code as it is.

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

<title><data:blog.pageTitle/></title> </b:if>

 Step 3. Nothing in step 3 just go ahead, Save it. That's it!