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>

How To Add Facebook Comments To Blogger Blog

How To Add Facebook Comments To Blogspot Blog
Step 1
Disable your blogger comments. no point having 2 commenting systems.

Step 2
Generate your Facebook App ID
now you should generate your own facebook app id, it’s really easy and one step process,

just go to this page, facebook developers
Enter Site Name
Enter Site URL
Select Country
Click Creat App button
Next page facebook will generate a lot of information. you need app id for our comment system

Step 3
Codes to Add to your Blog Template

you must add the following codes to your blogger template to ensure that the comments box will work for your blog in the right way.


and in this step we’ll add the following codes,



* xmlns attribute

* SDK script

* Open Graph protocol tags



* Adding the xmlns attribute :



please go to your blogger account again, and navigate to, layout >> edit html >> and check Expand Widget Templates

then find the following code,







you’ll find it on the top of your code. second or third line, and after it add the following code,



xmlns:fb='http://www.facebook.com/2008/fbml'



you must type a space before it and after it,

here is an example.







* Adding the SDK script Code :



search for







and after it add the following code,

but please don’t forget to change YOUR APP ID to your app id ( you got it in the previous step ).



* Adding the Open Graph protocol tags:



copy the following code.



























and change the colored text to the following,

Change MY-SITE-NAME with the one you want to appear when a user likes a page. (Gil likes Helping on Facebook)



Change YOUR-APP-ID with your application ID number.



Change YOUR-FACEBOOK-PROFILE-ID with your own facebook user profile ID.



after making this changes add the above code just before







now we finished adding the facebook codes to your template, please don’t touch anything and continue to the next step.

Step 5. Adding the Comments Box to your blogger template.



please find the following code.







and after it, please paste the following code.

Facebook comments for blogger brought to you by ihameed.blogspot.com , Get Yours?

To change the width of your comments box, please change 450 to what ever you want, it’s in pixels,



and now please click Save Template , then check your blog. i wish it looks great and works perfectly.