Welcome To "Softway RKO" !

What You Can Get in Softway RKO?

We provide the tutorials, guides, articles, tricks and tips about Blogger, Blogging, SEO Tips, Basic Tips For New Bloggers, Making Money Online, Widgets, Templates and many more resources. All this is just for free! You can Sign Up to get updated for Latest Posts.

Tuesday, May 27, 2014

Filled Under:

Add Facebook Sliding Like box for Blogger/Blogspot


HTML tutorial

Click Below Ad for Leaning Blogging Tricks.

Next Blogger 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:-
  • 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:

Comment here

 
  • Home
  • About Us
  • Contact Us
  • Sitemap
  • Privacy Policy
  • Back To Top