How to make add static Facebook Pop Out like box with smooth
Hi My All Friends.Below is yet another Facebook jquery pop up for facebook like box widget for Your Blogger Blog.Benefits this kind of widget may be to free space on Blogger Sidebar Area.
For the reason that Facebook can prevent site typical as being the box. Interference Pop Out Facebook as very soft box with j Query impact of
activation for that blogger, that is one more awesome control. Right
here I have got added
as the box with straightforward j Query hover effect. See Facebook interference plate on the right in the Your Blog and move the mouse above the plate with the frame, as is visible by sliding towards the left.
as the box with straightforward j Query hover effect. See Facebook interference plate on the right in the Your Blog and move the mouse above the plate with the frame, as is visible by sliding towards the left.
1) Ok....Lets See How To Add in Your Blogger Blog Template..
Just Follow Me....... Sign in Bloggr
Click " Template "
2) Click " Edit Html "
3) Search " </Head> " & Past Code Before " </Head> " Tag
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1
/jquery.min.js" type="text/javascript"></script>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
4) Save Template...
Now Click on " Layout " Tab
Add New Gadget
Select " Html/Javascript "
Past This Code & Click Save ......
Now Click on " Layout " Tab
Add New Gadget
Select " Html/Javascript "
Past This Code & Click Save ......
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></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/AVvXsEg8idtHbWmsEkN1SFmT-NNs58Fd7vXPkwW-Ol8zYJZOpdlSRPmKRvCxmrj0cW6ZSIpfjR0nmV20NuqgGl2rb8264zjb6SFYd94_b0zjV9P_fP6S2LF2rWG-AXW1FCIephih-LlOx_fT2Ktb/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><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/MoonAli&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>
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8idtHbWmsEkN1SFmT-NNs58Fd7vXPkwW-Ol8zYJZOpdlSRPmKRvCxmrj0cW6ZSIpfjR0nmV20NuqgGl2rb8264zjb6SFYd94_b0zjV9P_fP6S2LF2rWG-AXW1FCIephih-LlOx_fT2Ktb/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><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/MoonAli&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>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Simple Change .
http://www.facebook.com/pages/MoonAliReplace With Your Facebook Fan Page Url ....Mission
Watch this video
very nice blog
ReplyDeleteThis is really attention-grabbing, You are an excessively professional blogger.I have joined your rss feed and sit up for in quest of more of your great post. Also, I have shared your site in my social networks.
ReplyDeletewebsite design