Click Below Ad for Leaning Blogging Tricks.
Hello blogger Today i am going to show How To Add Facebook Sliding Like box for Blogger/Blogspot this widget remains easiest way of increase facebook likes for your blog. this widget in a fixed position on right hand side of your blog. when you hover over the widget , the widget has animated with the Help of Jquery
Simple when you take your mouse cursor on facebook widget,the like box and button appear.and its work Jquery.
How To Add Facebook Sliding Like box for Blogger/Blogspot:-
Simple when you take your mouse cursor on facebook widget,the like box and button appear.and its work Jquery.
How To Add Facebook Sliding Like box for Blogger/Blogspot:-
- Go To Blogger dashboard>>Layout>>Add Gadget
- Choose HTML/JavaScript Gadget
- Paste the following code in Widget
<!--Floating Facebook Widget by www.softwayrko.blogspot.com START-->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogtipsuk").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogtipsuk{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFa7IURpjGW-bdynoqnc56W0cjZxdr0CicHGF5zhiyUaCNaBxxNag_N9Mgfi2P9rVtyXTTB1vbmrhZ1gDVnY7pmwieHhflTtiyKsdIp8PvoSEtOCDIHtcIQLhPPbtamtl2lFkdvWrtnO4/s1600/imageedit_2_3637702070.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%;} .blogtipsuk div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .blogtipsuk span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogtipsuk span a{color: gray;text-decoration:none;} .blogtipsuk span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.BlogTipsUK.com--><div class="blogtipsuk" style="">
<!--http://softwayrko.blogspot.com/2014/05/add-facebook-sliding-like-box-for.html--><div>
<!-- http://softwayrko.blogspot.com/2014/05/add-facebook-sliding-like-box-for.html--> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fsoftwayrko&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;color:000;"><!--Brought to you by www.BlogTipsUK.com--></iframe><!--Brought to you by www.BlogTipsUK.com--><span><!--Brought to you by www.BlogTipsUK.com--><center>
<a style="color:#a8a8a8;font-size:8px;" href="http://www.softwayrko.blogspot.com">Blogger SEO Tips</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://softwayrko.blogspot.com/2014/05/add-facebook-sliding-like-box-for.html">FB LikeBox Widget</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.softwayrko.blogspot.com END-->
- Replace softwayrko your facebook page username
- Click on "Save" Button
- Finish!
0 blogger-facebook: