Add Floating Facebook Like Box for Blogger

Many tutorial gives you how to add floating facebook like button. Now I came up with new tutorial for adding floating like box to blogger. This is a great way which requires almost no space and it looks more attractive than that of simply keeping the like box.

Adding Jquery Plugin

1. Sign in to Blogger
2. Go to your Dashboard>Design>Edit HTML
3. Add this code above the closing </head> tag in your HTML file:

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

Ignore thies step if you have added Jyquery plugin to your blog.

Adding Widget Code

1. Go to Design>Add a Gadget>HTML/JavaScript
2. Add This code to HTML/JavaScript Widget


<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiscGDiBQ22fekkmNSX_u5u5jdynKiWhu5XLHcKqJ_BqQ3P5CHaJ57FbHlCpZ-foN-iAzLxmkwb4eNMhOYFyDP4W3BIjMAI4zYxRgFytpwSc9maIC8Nr7u0ii0bNAaAkbTks_utrFqU9Kw/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsibarasok&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe><span><a href="http://thebest-technic.blogspot.com/2012/09/add-floating-facebook-like-box-for.html" target="_blank">+Get This!</a></span></div></div>

Replace http%3A%2F%2Fwww.facebook.com%2Fsibarasok, with your Facebook fan page URL.


The Best Technic

Read more »

How to Make Pan bolic (Simple Grid Antenna)

The Best Technic

Before making a pan bolic, we must know first what it is and what its function bolic pan.

What is a Pan bolic?

  Bolic skillet is an antenna made from basic materials Pan. Bolic pans are two versions of the Antennas grid, the difference between pan bolic with Grid Antenna only lies in the materials and cost efficiency. Grid antenna / satellite TV as we know, the price is very expensive, may be 2 or 3 million-an. While the pan bolic costs only less than 200,000. With functions similar to the antenna grid, pan bolic more efficient. Bolic skillet is a radio receiver antenna with a frequency of 2.4Ghz. And another great, Frying Pan Indonesia bolic is children's work, steady right?

Read more »