Ezad Blog: html

How to create facebook open graph/seo on 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. 
 
<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> 
 
 <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>
 
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

08 Dec 2013

How your Browser Speeds up Cross Domain Loading using DNS Prefetching

How it Works 
What DNS prefetching does is attempt to resolve domain names before 
we, the users, try to follow a link. This is accomplished using the 
computer's built-in DNS resolution mechanism. Once a domain name has 
been resolved, if we do navigate to that domain, there will be no 
effective delay due to DNS resolution time. While downloading speed 
remains the same, looking up the IP address before hand will save you 
an easily perceptible second or two when going from page to page. A 
good example where DNS prefetching can really help is when a user is 
looking at a page with many links to various domains, such as a search 
results page. When the browser encounters an a hyperlink that does not 
share the same domain name as the current location, it first checks its
 cache and then, lacking a cached copy, resolves the domain to the 
associated IP address through a request from a DNS server. These 
requests happen in the background so as to not block the rendering of 
the page. Moreover, since all this takes place in parallel with the 
user's reading of the page, it places only a negligible load on CPU and
 network resources. How much navigation time will a user save can range
 from an average savings of about 200 milliseconds for non-cached 
content, to one to two seconds for the worst DNS resolution delays. 
By default, prefetching of embedded link hostnames is not performed 
on documents loaded over HTTPS. You can change this by setting the 
network.dns.disablePrefetchFromHTTPS browser preference to false.

How your Browser Speeds up Cross Domain Loading using DNS Prefetching

How it Works What DNS prefetching does is attempt to resolve domain names before we, the users, try to follow a link. This is accomplished using the computer's built-in DNS resolution mechanism. O…

26 Nov 2013

A rainy day

A rainy day

This will make your page have snow or rainy day. Use html code below …

18 Jan 2013

How to create facebook open graph/seo on blogspot

How your Browser Speeds up Cross Domain Loading using DNS Prefetching

A rainy day

Recent Comments