Showing posts with label How to Add Facebook Like Box Botton Widget Blog or Website. Show all posts
Showing posts with label How to Add Facebook Like Box Botton Widget Blog or Website. Show all posts

How to Add Facebook Like Box Botton Widget Blog or Website


http://widget2u.blogspot.com/

add javascript-Html
JavaScript" Gadget.


<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/AVvXsEiZMmiWZltkng4m8Xx0ni_nOJHSglw7M4FpVry9StAID9xz-GfOj5QU6v4rrXL2BXEYDbjXuBZdieon2E4neVYqtzdksCgfIa9UxR3JUGVYf7VcNPOIfyjKNdo38sy_U891tUGDEKMiAi5c/s1600/FloatingFB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 200px;padding: 0 5px 0 46px;width: 240px;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%3A%2F%2Ffacebook.com%2Fpages/Total-HD-Wallpapers/113570102075451?ref=hl&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><span><a style="font-family: arial, sans-serif; font-size: 9px; color: #999;" href="http://totalhdwallpapers.blogspot.com/2012/07/how-to-add-facebook-like-box-into.html" target="_blank"> +Get this</a></span> </div> </div>



 to Layout Tab — Add a Widget — HTML/Javascript, and copy the code intoGo it and Save.

 If you find Issue after you complete the above actions
 Copy the following script right after <head> in your Blogger Template
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>