Facebook Pop Out Like Box

Salutation friends, here's added Facebook jquery pop up for facebook like box widget for bloggers (or) website. Advantages this widget is to released set on the writer. Because Facebook can forestall website pattern as the box. Undynamic Pop Out Facebook as spongelike box with jQuery phenomenon of activation for the blogger, this is other unresponsive prove. Here I possess added as the box with linear jQuery hesitate belief. See Facebook unchangeable brace to the put, as is viewable by sliding to the faction.

Add Static Facebook Pop Out Like Box Widget

step 1 : Loin to your;s blogger blog account  Let;s go you blogger dashboard.
Click to layout saction and press add gadget botton.

step 2 Just click to add gadget link and Pop up box will open.

Selact HTML/JavaScript  from the options.

Step 3  Choose HTML/JavaScript paste the code of given below.

Step 4  Just click to save Template.

Copy The code and paste 

My Blogger TricksAll Blogger TricksTechtunes

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/OnlineSeoUstaad&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>

 In Customize Region Supersede "pages/onlineseoustaad" with your own facebook industrialist personage Not your own profile 

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

Note :  If your guide already feature a jquery do not put again, fair repeat after it
Html from above a few things could be replaced :


0 Responses to “Facebook Pop Out Like Box”

Post a Comment


Enter your email to receive all tutorials in your Inbox!

Enter your email address:


Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

© 2013 The Hub Of Largest Seo Tutorial. All rights reserved.
Designed by SpicyTricks