HELO FRIENDS,
ADD FLOATING FACEBOOK LIKE BOX WIDGET FOR BLOGGER
Follow me Some Steps
If You Have Not jquery Code Than Add This jquery Code In <head>Pase Here</head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
If You Have Not jquery Code Than Add This jquery Code In <head>Pase Here</head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
1) Go To Blogger Dasboard and Select Layout And Click At Add a Gadget Option
Now Select Html/Java Script + Option
2) Copy The Html Code Below And Paste In Gadget Box
<!--Floating Facebook Widget START-->
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6xhwwO83YYwSQUhbYjkeOspeXUyX6uOoQpWbr6WdJxVFKWC7nLaWKX7IktlS6ykgKULRloIC6mpwTRsIyQMJyeoOUZj8fB9xTBVrwwMKw6pIjjnsAgphlpz3AotoFAl0xDDYWAvBjc-5/s1600/ABT_facebook_widget.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%;} .vktechzone div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .vktechzone span{bottom: 4px;font: 8px "lucida grande",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 src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FTipsortrickspc&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;"></iframe><span><center>
<a style="color:#a8a8a8;font-size:8px;" href="http://knowledge-leaks.blogspot.com/2014/09/Add-Floating-Facebook-like-box-widget-to-blogger.html">Get This Widget</a></center>
</span></div>
</div>
<!--Floating Facebook Widget END-->
3) Finaly Search Tipsortrickspc From Above Code And Replace With Your Facebook Page Username.
and At Last Save The Gadget Without Entering Title. or Select SAVE ARANGMENT................
4) If You Want Change or Create Facebook UserName Than Click Here This link
ENJOY FRIENDS
Friend Please Comment me Any Question Reated The Post or as you Wish
