Wednesday , August 23 2017
Home / blogger / Add Open Graph Facebook in Blogger Blog

Add Open Graph Facebook in Blogger Blog

Open Graph Facebook og: Type helps facebook robots to crawl  your website and show your web page title description and your article thumbnail with your website link on facebook. But it’s work when you have added Open Graph Facebook in your website head section. If you can’t see your post with title thumbnail and description then this tutorial will show you how can you show your post with title description and post thumbnail by adding Open Graph Facebook In Blogger Blog.

 

Add Open Graph Facebook in  Blogger  Blog

  1. Go to blogger and  login your account
  2. Click on your blog title to open your blog dashboard
  3. Now click on template
  4. Click on edit html
  5. You will see your template code
  6. Add following meta tags between <head></head>
  7. You are done.


Add Open Graph Facebook in  Blogger  Blog

First go to blogger and login your account if already login then no need to login.
Click on your blog title to open your blog dashboard.
Now click on template.

Add Adsense Code Inside The Post

In next page you will see your blog screenshot and 2 options one is customize and second is edit HTML click on Edit HTML.

add-adsense-code-inside-the-post-1

Now you will see your template code press ctrl+F and search <head>
You don’t need to search because you will see <head> in the top of you template code.

Just add following meta tags below  <head>

Open Graph Facebook

Open Graph Facebook 

You can add Open Graph Facebook anywhere between <head></head>

<!– Open Graph Meta Tags BEGIN –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<meta expr:content=’data:blog.pageName’ property=’og:title’/>
<meta expr:content=’data:blog.canonicalUrl’ 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.postImageThumbnailUrl’>
<meta expr:content=’data:blog.postImageThumbnailUrl’ property=’og:image’/>
<b:else/>
<meta content=’your website logo url’ property=’og:image’/>
</b:if>
<b:if cond=’data:blog.metaDescription != &quot;&quot;’>
<meta expr:content=’data:blog.metaDescription’ name=’og:description’/>
</b:if>
<meta content=’your fb app id’ property=’fb:app_id’/>
<meta content=’your fb profile id’ property=’fb:admins’/>
<!– Open Graph Meta Tags END –>

Check Also

Auto Post

Blogger Post Auto Post On Your Google puls

Today i will tell you how to Blogger Post Auto Post On Your Google puls. …

Leave a Reply

Your email address will not be published. Required fields are marked *