Ezad Blog: blogspot

This is and example to use facebook open graph and you can edit more on facebook developer.Open graph offers many commonly used actions and objects, which you can start using right away, or you can create custom stories specific to your facebook app.<br />
<br />
<h3>
Creating Object Types</h3>
Objects are the "nouns" or targets for actions taken by people in your facebook app. They are represented by HTML markup on a particular URL which uniquely defines each object. You can use one of the common objects when creating a story or define your own custom object types. You can refer to facebook developer on <a href="http://goo.gl/HZtlvY" rel="nofollow" target="_blank">https://developers.facebook.com/docs/opengraph/creating-object-types/#properties</a><br />
<br />
<br /><pre  style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioGLmb-hQK_k3NcEuv4M23qo1WEp4FA9B4ou74WhFZAEWlK1bStKo3-M7hK3PeqxKIwAWrmgJb4fkpIQPSok8c64L0jLBtgCu9h9xzw9-40YQhAlVZa0hqyoLNS-nVSPOhkg0lRN9TRLhC/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;"><code style="color:#000000;word-wrap:normal;"> // Add this to open html tag  
 <html expr:..... xmlns:fb='http://ogp.me/ns/fb#'>  
 // Or add this to head tag. I prefer to use both.  
 <head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#'>  
 //Get your profile id like this https://www.facebook.com/profile.php?id=4  
 <meta content='YOUR_PROFILE_ID' property='fb:admins'/>  
 //Make you fb application on https://developers.facebook.com/apps?ref=ezadblog.my  
 <meta content='YOUR_APP_ID' property='fb:app_id'/>  
 <meta content='blog' property='og:type'/>  
 <meta content='en_US' property='og:locale'/>  
 <meta content='YOUR_BLOG_TITLE' property='og:site_name'/>  
 <meta expr:href='data:blog.url' property='og:url'/>  
 <meta expr:content='data:blog.pageTitle' property='og:title'/>  
 //This will show your post search description  
 <b:if cond='data:blog.metaDescription != &quot;&quot;'>  
 <meta expr:content='data:blog.metaDescription' property='og:description'/>  
 <b:else/>  
 //If dont have search description it will show this.edit this description.  
 <meta content='Ezad Blog is a blog for EzadNet (http://www.ezadnet.my). Information about website,network,security and many more over the internet.' property='og:description'/>  
 </b:if>  
</code></pre>
<br />
Delete comment start with // when you using on your blog and test your post url on <a href="http://goo.gl/pOykNk" rel="nofollow" target="_blank">https://developers.facebook.com/tools/debug/</a>.Hope this article help you.Leave a comment if you have a question.

How to create facebook open graph/seo on blogspot

How to create facebook open graph/seo on blogspot

Recent Comments