November 3, 2009

Add Facebook Buttons and Widgets To Your Blog




Facebook has already overtaken Yahoo according to the stats from Alexa. So along with search engine optimization, you should also try to bring some traffic from social networking sites like Feacebook.

This tutorial will show you how to add referent kinds of the facebook buttons in your blog. Adding these buttons to your blog will help your visitors to share your articles easily on FB.




Instructions to follow:
Log in to Blogger -> Layout -> Edit HTML, and select the tickbox "Edit Widget Templates"

Now find this code in your template:
<div class='post-header-line-1'/>
Now immediately below it, paste the code for the facebook button (select the appropriate one for your blog).

As a link:

Add Facebook link to your blog
If you want the above style button in your blog copy this code and past it.
<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style="text-align: right;">
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->
Button #1

Add Facebook link to your blog
Code to paste:
<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->

Button #2

Add Facebook link to your blog
Code to paste:
<!--FB-BUTTON-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</span></b:if><!--FB-BUTTON-STOPS-->

Their are other Facebook Widgets you can display on your blog:
1. Facebook Profile Badge
2. Facebook Photo Badges
3. Live Stream Box (Just like the twitter widget):


Facebook Live Stream Box

4. Visit this page to add a Facebook Fan Box Widget to your blog.



This Post is Written by Hacking Articles and Hacking A Day


Enter your email address:

 

Copyright 2009 All Rights Reserved Revolution Two Church theme by HackingAday