Skip to main content

Floating Facebook Like Box Widget For Your Website

Floating Facebook Like Box Widget For Your Website


Add a floating facebook like box to your blog or website. When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.This widget will help you to get more likes.



Add a floating facebook like box to your blog or website. The widget remains in a fixed position on the right-hand side of your site. When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.








Add Widget to your website


Follow these steps to Add this widget.



Go to Blogger



Take Backup of your Blog Template



Edit template



Search for </body>



Just Before </body> Paste following Code..



<!--Floating Facebook Widget by www.teezbuy.com -->
<script type='text/javascript'> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".vktechzone").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type='text/css'> .vktechzone{background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKR_nOP3iNBlawt1QKG06lAotEfIManwT5viOaPuD_uYDfsNIhxBVj_vGyHsxZCe-LlRVrx-tb0jOyw7uQ4HvEBYAKnqX1r7VO-OiBoAuRD5MZACnReGbrrpSHiyJzxDNriwXUJ0GnN_Ba/s1600/ABT_facebook_widget.png&quot;) 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%;} .vktechzone div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .vktechzone span{bottom: 4px;font: 8px &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .vktechzone span a{color: gray;text-decoration:none;} .vktechzone span a:hover{text-decoration:underline;} } </style><div class='vktechzone' style=''>
<div>
<iframe frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fteezbuy&amp;width=245&amp;colorscheme=light&amp;show_ faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270' style='border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;'/><span><center>
<a href='http://www.teezbuy.com/' style='color:#a8a8a8;font-size:8px;'>Get Widget</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.teezbuy.com-->


 Note:-

Find http%3A%2F%2Ffacebook.com%2Fteezbuy.In this given above code Replace teezbuy with your facebook username


Add jQuery Code (If already using then Skip this step)


If the floating facbook widget is not working properly.Add this jQuery code to your website.

If jQuery code is already added to your website then skip this step.



Edit Website template



Search for </head>



Just Before </head> Paste following Code..



<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>




Conclusion


If you’re still having problems with the getting the facebook box to display properly, let me know. Comment below and I will be happy to assist you.




Labels:

Comments

Post a Comment

Feel free to leave your message here.

Popular posts from this blog

Windows 7 Home Premium 32 Bit free download Direct Link

People often ask us which version of Windows they should purchase for their new PC build. Generally speaking Windows 7 Home Premium Edition has everything that most end users would need for normal day-to-day usage of their PC. There is no use in paying extra for Windows 7 Professional Edition if the added features will be of no benefit to you. Here is a list of the major differences between Windows 7 Home Premium and Windows 7 Professional. Memory support Home Premium:  16GB of physical memory supported Recent tests of a mid range Windows 7 based PC with configurations of 4GB, 8GB and 16GB of system memory have shown only a marginal overall performance benefit between 8GB and 4GB. No performance improvement was evident when moving from 8GB to 16GB, therefore I do not see the 16GB physical memory limitation of Home Edition to be an issue when choosing an operating system. Backup and restore Home Premium:  Limited to local HDD or DVD The Backup and Restore centre was first int...
Post a Comment
Read more

Making a Really Cool jQuery Image Gallery

jQuery Image Gallery In this tutorial we will create a beautiful jQuery Image Gallery for website using jQuery Lightbox plugin.You can use this gallery in your website or you can show images.One of the main benefits of using a popular java script library, such as jQuery, is the incredible number of available plug-ins that will kick-start any development project. There is no need to Download the plug-in – I’ve included it in the demo files, so grab them and get on reading. The XHTML We start off with our XHTML front-end. demo.php <div id="container"> <div id="heading"> <!-- the heading --> <h1>A cool jQuery gallery</h1> </div> <div id="gallery"> <!-- this is the containing div for the images --> <?php //our php code goes here ?> <div class="clear"></div> <!-- using clearfix --> </div> <div id="footer"> <!-- some tutorial info --> </div...
Post a Comment
Read more

How to Build a Professional Website /Learn how to build website

Build a professional website ,and earn money using your website .Learn all these all lessons step by step.Y ou will learn how to structure a web page using HTML , style a web page using CSS , and how to do all of this quickly using Bootstrap . Build the Airbnb home page and learn the fundamentals of web developmen t in the process.You will learn how to structure a web page using HTML , style a web page using CSS , and how to do all of this quickly using Bootstrap. What you will learn You will learn how to structure a web page using HTML, style a web page using CSS, and how to do all of this quickly using Bootstrap. We had done worked hard on this topic  please give us  like  &  Share  Credit..                 If you want to save your work then follow these instructions:- 1.Select 1st lesson if you are beginner 2.SignIn option is given on the header of these lessons.Click SignIn 3.SignIn using Facebook Acco...
Post a Comment
Read more