Monday, January 9, 2012
add facebook like box to your blog
<font size=5>Adding a Facebook Like/Fan box to Blogger blog</font>
After you’ve created a Facebook Page for your blog, the next thing you’ll need to do is add a Facebook Like Box to your blog. The Like Box helps you attract and gain Likes (fans) from your own blog. The Like Box also allows your readers to see their friends and other readers who already like your Facebook Page.
you may also see my previous post of Adding Facebook Like Button to Blogger very easy way !
Adding a Like Box to your blogger blog is pretty simple:
<font size=2>1- Enter your Facebook Page URL
(ex. </font><font size=2>http://www.facebook.com/bloggerdashboard</font><font size=2>. )
2- Width: You can use the default width (292 pixels) or replace it by the width of your blog’s sidebar.
3- Select color scheme.
4 - Check or uncheck boxes for ‘Show Faces’, ‘Stream’, and ‘Header’.</font>
(ex. </font><font size=2>http://www.facebook.com/bloggerdashboard</font><font size=2>. )
2- Width: You can use the default width (292 pixels) or replace it by the width of your blog’s sidebar.
3- Select color scheme.
4 - Check or uncheck boxes for ‘Show Faces’, ‘Stream’, and ‘Header’.</font>
<font size=2></font>
<font size=3>-<font color="#ff0000"> </font><font color="#ff0000">Go to the Facebook Like Box plugin page</font><font color="#ff0000">.</font>
Configure your facebook Like Box.</font>
Configure your facebook Like Box.</font>
3. Click Get Code (a dialog box will pop up) You’ll be given two codes, titled iframe and XFBML. You only need the iframe code.
4. The iframe code should look more or less like this:
<style type="text/css"></style>< iframe src=http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloggerdashboard&width=292&connections=10&stream=false&header=true&height=280 scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:280px;" allowTransparency="true"></iframe >
5. FOR BLOGGER: Go to your Blogger Dashboard > Design > Page Elements > Add a Gadget > HTML/Javascipt
Click Save.
Click Save.
please note that It seems Facebook (perhaps erroneously) has the box height fixed to 62px. This allows only your Facebook page title and the Like button to appear inside the box. The faces will be hidden. To show them, you must increase the height. For example, to show two rows of faces, change the height to 280px. There are two heights in the code, make sure you change both.
LinkWithin
