ADD FLOATING FACEBOOK LIKE BOX WIDGET FOR GOOGLE BLOGGER

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'/>

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("http://4.bp.blogspot.com/-Sw2F47JoKu0/U2uEL5DW0hI/AAAAAAAAAhA/NNFCiQ7D6L4/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

Share this

Related Posts

Previous
Next Post »