Wednesday, December 28, 2016

How to Create Facebook Open Graph for Blogger

How to Create Facebook Open Graph for Blogger
How to Create Facebook Open Graph for Blogger to make your posting and frontpage website more shareable in Facebook as wanted

1. Click Template -> Edit HTML
2. Copy and paste the following code

<!--START ALKHOIROT.NET FB CUSTOM CODE-->

<meta property='og:url' expr:content='data:blog.canonicalUrl'/>
<meta property='og:title' expr:content='data:blog.pageTitle'/>
<meta property='og:site_name' expr:content='data:blog.title'/>

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta property='og:image' expr:content='data:blog.postImageUrl'/>
<meta property='og:type' content='article'/>

<b:else/>
<title><data:blog.pageTitle/> </title>
<meta property='og:image' content=' your image link for frontpage is here '/>
<meta property='og:type' content='blog'/>
</b:if>

<b:if cond='data:blog.metaDescription'>
<meta property='og:description' expr:content='data:blog.metaDescription'/>
</b:if>

<!--END ALLKHOIROT.NET CUSTOM FB CODE-->

3. Put the above code right after the <head>

4. Clik Save Template. Done.

Now test your blog using Facebook Open Graph debugger here.

See live example by testing this website: www.alkhoirot.net


EmoticonEmoticon