2 awesome ways to add a facebook like box to your wordpress blog

Hey guys
Nowadays Facebook plays a vital role in websites with not only techniche.
So the "likes" are the main reputation people think of.
Thus the placement of this like box must be perfect so that you can get more likes :)
Here are 2 perfect ways of placing them

Pop out like pop up domination
You can see this on my blog too.
Here is the image

Or see the live demo at my site itself :P
Here is how to add it
Go to wordpress dashbord click appearance click widgets drag "text(Arbitrary text or HTML)" and add the following code:

/* 
   ColorBox Core Style: 
   The following CSS is consistent between example themes and should not be altered. 
*/ 
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
#cboxOverlay{position:fixed; width:100%; height:100%;} 
#cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
#cboxContent{position:relative;} 
#cboxLoadedContent{overflow:auto;} 
#cboxTitle{margin:0;} 
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
.cboxPhoto{float:left; margin:auto; border:0; display:block;} 
.cboxIframe{width:100%; height:100%; display:block; border:0;} 
/*

   User Style: 
   Change the following styles to modify the appearance of ColorBox.  They are 
   ordered & tabbed in a way that represents the nesting of the generated HTML. 
*/ 
#cboxOverlay{background:#000;opacity:0.5 !important;} 
#colorbox{ 
        box-shadow:0 0 15px rgba(0,0,0,0.4); 
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); 
        -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); 
       } 
   #cboxTopLeft{width:14px; height:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0 0;}
   #cboxTopCenter{height:14px; background:url(http://imgboot.com/images/cybersidh/border.png) repeat-x top left;} 
   #cboxTopRight{width:14px; height:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat -36px 0;} 
   #cboxBottomLeft{width:14px; height:43px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0 -32px;} 
   #cboxBottomCenter{height:43px; background:url(http://imgboot.com/images/cybersidh/border.png) repeat-x bottom left;} 
   #cboxBottomRight{width:14px; height:43px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat -36px -32px;} 
   #cboxMiddleLeft{width:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) repeat-y -175px 0;} 
   #cboxMiddleRight{width:14px; background:url(http://imgboot.com/images/cybersidh/controls.png) repeat-y -211px 0;} 
   #cboxContent{background:#fff; overflow:visible;} 
       #cboxLoadedContent{margin-bottom:5px;} 
       #cboxLoadingOverlay{background:url(http://imgboot.com/images/cybersidh/loadingbackground.png) no-repeat center center;} 
       #cboxLoadingGraphic{background:url(http://imgboot.com/images/cybersidh/loading.gif) no-repeat center center;} 
       #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} 
       #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 
       #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://imgboot.com/images/cybersidh/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 
       #cboxPrevious{left:0px; background-position: -51px -25px;} 
       #cboxPrevious.hover{background-position:-51px 0px;} 
       #cboxNext{left:27px; background-position:-75px -25px;} 
       #cboxNext.hover{background-position:-75px 0px;} 
       #cboxClose{right:0; background-position:-100px -25px;} 
       #cboxClose.hover{background-position:-100px 0px;} 
       .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} 
       .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} 
       .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 
       .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} 
/*-----------------------------------------------------------------------------------*/ 
/*   Facebook Likebox popup For Blogger 
/*-----------------------------------------------------------------------------------*/ 
#subscribe { 
    font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 
} 
#subscribe a, 
#subscribe a:hover, 
#subscribe a:visited { 
    text-decoration:none; 
} 
.box-title { 
   color: #F66303; 
   font-size: 20px !important; 
   font-weight: bold; 
   margin: 10px 0; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:10px; 
line-height:25px; font-family:arial !important; 
} 
.box-tagline { 
   color: #999; 
   margin: 0; 
   text-align: center; 
} 
#subs-container { 
    padding: 35px 0 30px 0; 
    position: relative; 
} 
a:link, a:visited { 
border:none; 
} 
.demo { 
display:none; 
} 

 
 
 
jQuery(document).ready(function(){ 
   if (document.cookie.indexOf('visited=true') == -1) { 
       var fifteenDays = 1000*60*60*24*30; 
       var expires = new Date((new Date()).valueOf() + fifteenDays); 
       document.cookie = "visited=true;expires=" + expires.toUTCString(); 
   $.colorbox({width:"400px", inline:true, href:"#subscribe"}); 
       } 
}); 
 
     
  
        
 
   
 
        
Receive all updates via Facebook. Just Click the Like Button Below
▼
  
      

 
 

As you can see I have bold the word baratworld replace with your page id and add it :) page id is the number or text that comes after facebook.com in your url bar when you visit your fb page.


Now popup comes in your post :) yipe!!!

2)Adding a jquery slider at your home page
You can see a demo in my site itself the facebook button in the right- middle


This is very simple to add
go to the following link:here
In that post he mentions to add the script before there is no need to add that in wordpress :)

So I hope you liked the post all the best in your placement