Tuesday, July 5, 2011

How to Place Facebook Like Button in Blog and website


Today as we know Facebook is most popular site. Facebook is ranking 2nd in Alexa and 10 in google. Facebook traffic is in million. So facebook is good source of traffic diversion. Earlier most of the website using facebook share button in their websites for sharing webpage in facebook. But now we have best tool of way to share information in facebook very easy its Facebook Like Button. This tool is very easy to share information in facebook. We need to just click on that button and that page info automatically shared in Facebook Profile. This process not take any time but the liker must be log in in facebook. This tool save time to share information in facebook. And for seo purpose this tool is very useful to deliver referral traffic. People can easily share ur post webpage in his profile by jut click on Facebook like button on your webpage and website.


How to add Facebook Button on your blog and website.


For blog just log in your blog go to design > Edit HTML > then click on expand widget templates
(* First download your blog full template for safety)

Then search <body>
And put below code after body tag

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


After that search <div class='post-header-line-1'/>

And put below code after above tag


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>

Save template and code is ready.

For website

Put blow code after <body> Tag

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Then put below code where you want facebook page button visible

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
-->

4 comments:

  1. Like to exchange link ?

    www.urldata.blogspot.com

    ReplyDelete
  2. Nice sharing.keep blogging.Thanks for sharing it.
    E commerce portal

    ReplyDelete
  3. Thanks for sharing information....Nice

    seo Hawaii

    ReplyDelete
  4. Thanks for sharing such useful information. The information provided is very very niche and this information is not available so easily. Therefore I thank the writer for the useful input.

    Web Development India

    ReplyDelete

Latest Penguin Update
Google has released latest penguin update which impacts 0.3 % of English Language queries. Google Mat Cutts announced this news through his twitter account.
>>Read more
5 SEO Tips to Get Backlinks
Quality backlinks are very important for seo work. Lots of backlinks are useless if they are from irrelevant sites of spamming sites.
>>Read more
How To Promote Listing In Goolge Maps
Google maps is a easy way to promote and attract geographical based traffic. But some time it would be difficult to find out our listing in google maps.
>>Read more