How to create SEO friendly Post Titles

How to create seo friendly blogger post titles?

by default blogger template put your blog title before your blog post title. means in search results viewer is bombard with blog titles. for example your blog name is xyz but you had blogged about trip in africa and now search shows   xyz blog - trip to africe while we want to change it to show post titles first and then blog name like  trip to africa - xyz blog.

to do that search for this piece of code

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

and replace it with


< b:if cond='data:blog.pageType == "index"'>
< title>< data:blog.pageTitle/>< /title>
< b:else/>
< title>< data:blog.pageName/> ~ < data:blog.title/>< /title>< /b:if>