Tuesday, 4 June 2013

how you can add facebook open graph meta data in blogger

Every body is having a blog now days and you can add Facebook open growth meta data in blogger.so, these are some steps by which you can add Facebook open growth meta data in blogger. 
1) you should go to blogger. then go to dashboard in it. then you should go to template and finally you should go to edit html section.

2) in the editor section, you will fin html xmlns like following code.

<html xmlns ='http://www.w3.org/2001/xhtml'
xmlns:b='http://www.google.com/2003/gml/b'
xmlns:data='http://www.google.com/2003/gml/data'
xmlns:expr='http://www.google.com/2003/gml/expr'>

3) now you need to paste the code of

xmlns:og='http://ogp.me/ns#'
before of closing the tag.

4) you have successfully added protocol tag and now you can add open graph meta tags.

5) now you should find the code of <head> in your blog and you can paste below following lines of codes in it.

<b:if cond='data:blog.page type=="item">
<meta .expr: content= 'data:blog.page name'property='og: title'/>
<meta expr: content ='data:blog.canonical url'property='og.url'/>
<meta content ='article' property='og.type'/>
</b:if>
< meta expr:content ='data:blog.title'property='og.site_name'/>
<b:if cond='data :blog.post image thundernail url'>
< meta expr:content='data :blog.post image thumbnailurl'property='og:image'/>
<b:else/>
<meta content ='logo-link'property='og:image'/>
</b:if>
<b:if cond='data:blog.meta.description!="'>
<meta expr:content ='data.blog.meta description'name='og.description'/>
</b:if>
<meta content ='app_id'property='fb:app_id'/>
<meta content ='fb-admins'property='fb:admins'/>

6) and now save the template.

      so by applying these 6 steps you can add Facebook open graph meta data in blogger.

3 comments:

  1. This is very unique. Your blog is a good basis for programming and meta data coding. I personally admit that even a web designer like me has limited knowledge for this stuff. I think I can share this tutorial with my others friends for their personal use too.

    ReplyDelete