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
<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);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbhSnFyLJ5z1q7QcjWqCN-L_S7uY3VAk99hTuRE69cbz-ESBezratIp1sXkPzHiRxL-QVc4Ja39Q9APwGriWWv9GkghTTvv1ALyG4Xrkv3so61LHF5GDdtmE87BxzicafnkwV-lrdoNgZH/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&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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 :
Subscribe to:
Post Comments (Atom)
0 Responses to “Facebook Pop Out Like Box”
Post a Comment