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 != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' 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 != "static_page"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
Like to exchange link ?
ReplyDeletewww.urldata.blogspot.com
Nice sharing.keep blogging.Thanks for sharing it.
ReplyDeleteE commerce portal
Thanks for sharing information....Nice
ReplyDeleteseo Hawaii
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.
ReplyDeleteWeb Development India