by Gaurav Singh on Thursday, June 13, 2013 1 comment

facebook floating like box widget for wordpress

facebook like box widget is best way for increase facebook likes. It helps wordpress user's directly like your website page. This widget will be float when any user move his curser on this widget. You will seen next how add facebook floating like box widget in wordpress.

How add this widget in wordpress blog

Go to his Deshbord>Appearance>Widget>Availble Widget

Dreg text widget in to slidebar

Copy and paste following code and click on save change.

<script type="text/javascript">
 /*<![CDATA[*/
 jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
 /*]]>*/
 </script>
 <style type="text/css">
 .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4tDCpwkQT5pumoJw94TpWF4WuJky0htp1AVHDD3Sy9X5mB_anyEiB05BfrEGHhU7YkqGUIBsuiS-KcDIX8gJii0fCjXUq-My_cEvXQAdCUf5GEn7QcEO79UTuIQt_gLbkBfO-NuKHefw/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
}
</style>
 <div class="abtlikebox" style="">
     <div>
     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FTechnictweet&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.technictweet.com">TechnicTweet</a></span>
     </div>
</div>

Note-Replace technictweet with your facebook username.

Now place following code before <head> element.

Click on save and you are done

1 comment:

UnknownJune 13, 2013 at 5:53 PM
facebook floating like box widget is a cool, wordpress user can use this box for more facebook like. thanks technictweet.com

ReplyDelete
Replies