How to Add Facebook Open Graph for Blogger andrey пятница, 6 декабря 2013 г. No Comment

Well guys, In last post I had explained about Why Facebook is not showing post thumbnails and meta post description of your blog. Well here we are going to see how to add the Facebook Open Graph To your blogger blog. This is really simple task just follow these easy steps :

 How To Add Facebook Open Graph for Blogger :

1. Go to Blogger > Dashboard > Template > Edit HTML [Make Backup before editing]
2. In the editor, at the top you will see html xmlns just similar like following code :

3. So here you need to paste the code xmlns:og='http://ogp.me/ns#' before closing the tag, just like below codes :

xmlns:og='http://ogp.me/ns#'>

( for newbies, if you are getting trouble doing this, you can simply copy above code and paste it above and follow the 4th step]
4. Now you have added Facebook Protocol Tag, lets add Open Graph Meta Tags.
5. Find the code in your blog and paste the following line of codes below it.

6. Here you need to logo-link with Your Blog's Logo link, also you need to replace your app_id and fb_admins respectively and then just hit Save Template.

That's it, you have installed Facebook Open Graph for your blogger blog. After some time go to you blog post and try to share it, it will work 100% and hence the facebook share issue will be eliminated.

I hope you would have liked above tutorial, Keep Subscribed and Stay connected for more awesome Blogger Tutorials.

If you have any problem regarding this post you can drop your comment here or feel free to contact me.

Well guys, In last post I had explained about Why Facebook is not showing post thumbnails and meta post description of your blog. Well here we are going to see how to add the Facebook Open Graph To your blogger blog. This is really simple task just follow these easy steps :

 How To Add Facebook Open Graph for Blogger :

1. Go to Blogger > Dashboard > Template > Edit HTML [Make Backup before editing]
2. In the editor, at the top you will see html xmlns just similar like following code :

3. So here you need to paste the code xmlns:og='http://ogp.me/ns#' before closing the tag, just like below codes :

xmlns:og='http://ogp.me/ns#'>

( for newbies, if you are getting trouble doing this, you can simply copy above code and paste it above and follow the 4th step]
4. Now you have added Facebook Protocol Tag, lets add Open Graph Meta Tags.
5. Find the code in your blog and paste the following line of codes below it.

6. Here you need to logo-link with Your Blog's Logo link, also you need to replace your app_id and fb_admins respectively and then just hit Save Template.

That's it, you have installed Facebook Open Graph for your blogger blog. After some time go to you blog post and try to share it, it will work 100% and hence the facebook share issue will be eliminated.

I hope you would have liked above tutorial, Keep Subscribed and Stay connected for more awesome Blogger Tutorials.

If you have any problem regarding this post you can drop your comment here or feel free to contact me.

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики