-min.png)
Facebook Likebox Widget is a very important widget
for every blog. We know that Facebook is biggest social networking
platform and best place for sharing our latest blog posts. Facebook is
too much helpful to build any kind of blog from faster pace. So it is
necessary to use Facebook like box on the blog which let your visitors
to become your regular reader and get notified about your posts from their facebook timeline. I already post about the floating social widget for blogger posts,
you may also take a look at it. But today i am about to post about the
floating Facebook likebox widget, which is very attractive and
professional looking too and did not occupy a bit space on your blog. So
lets start the tutorial.
How to Add Floating Likebox?
1. Go To Blogger Dashboard >> Then Layout
2. Click on Add a Gadget
3. Now Select The HTML/Javascript, At From The Box Which is Opening From The Clicking On Add a Gadget
4. Now Copy the below code and Paste them in Box
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".STlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.STlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmDUYxn97bKuDTY3ai-OTWvJyFwNFbVYk5_pdTkVuGBUYhBNr1g92PzgLTtXrAHHkqCOkRflu2QQI6GaLqpRWn3EPwWpsuuHgQ7xxODNXUbLSRnyP2aZc82AKPG8Np1D0ntv7VXCisb7U9/s101/fbfloat.jpg") no-repeat scroll left center transparent !important;display: block;float: right;height: 200px;padding: 0 5px 0 35px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.STlikebox div{border:none;position:relative;display:block;}
.STlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.STlikebox span a{color: #808080;text-decoration:none;}
.STlikebox span a:hover{text-decoration:underline;}
</style><div class="STlikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Ftrickybooks&width=245&colorscheme=light&show_faces=true& connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by: <a href="http://www.tricky-books.com">Tricky-Books.com</a></span>
</div>
</div>
As Like This
5. After Pasting Code in Box Change The Facebook Username With Your Page Username trickybooks as in Upper Code
6. Now Click On Save.
.
-min.png)