custom-facebook-likebox-v2-free-for-website-or-blog

Custom Facebook like box - v2 


 

Visit the Fanpage »

Widgets »

Please note that in the demo of v2 like box the text Visit the Fanpage » has been moved little to right side automatically but it works perfectly when you add it in your blog.You can see live demo on my test blog.

How To Add Custom Facebook Like Box-V2 To Your Blog?

• Go to Blogger Dashboard > Design > Edit Layout.
• Choose Add A Gadget > HTML/JavaScript.
• Paste below code after making changes then save it.

<style>
#mbtlikebox{ 
      color:#000000; 
      font: bold 11px Verdana; 
      background:#E0E0F8; 
      padding:3px !important; 
      margin:5px 0px!important; 
      border:2px solid #ff0000; 
     -moz-border-radius:3px; 
     -webkit-border-radius:3px; 
      width:320px; 
    }
#mbtlikebox:hover{ 
     border:2px solid #0000FF; 
     background:#F8E0E0;    
   } 

</style>
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script> 
    <script type="text/javascript">FB.init("");</script> 
    <fb:fan profile_id="153138708123803" stream="0" connections="10" width="320px" height="200px" header="0" logobar="0"   css="http://btsnts.googlecode.com/files/FB01.css"></fb:fan> 
<div id="mbtlikebox"><a rel="nofollow" target="_blank" style="text-decoration:none; color:#365899;" href="http://www.facebook.com/livefreetv">Visit the Fanpage »</a><div style="float:right"><a href='http://tvtvfree.blogspot.com/' style="text-decoration:none; color:#365899;">Widgets »</a></div></div>

• Now replace 232452756809175 with your facebook profile ID (Note - If you don't know ID then click here to get ID)
• Change http://www.facebook.com/livfreetv with your facebook fan page address.
• To change  number of faces,width and height find this 

  connections="10" width="320px" height="200px" 

• To change the color of bottom box edit CSS in code.
• Note - I have highlighted two codes like this width="320px" - they should be same....