ranking.Facebook like box makes the people to interact with us.It helps to rank our site in the world ranking.Likes and comments increase our site ranking.
Adding Facebook gadget:
1. Login to your Blogger:Give your username and password to login your account.once you enter your will directed to dashboard.
2.Click layout:Click layout option that appears on left side of your dashboard.Then click 'Add Gadget'.
3.Choose your gadget:Click the HTML and JavaScript widget offered by Blogger.
4.HTML and JavaScript is the Widget that offers to add custom widget.It offers to paste the HTML of the widget you would like to add.Just copy the HTML and Attest a title for the widget.
Adding floating Facebook like box:
add the below HTML to your widget
"<!--Floating Facebook Widget by www.TheBlogWidgets.com START-->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".theblogwidgets").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .theblogwidgets{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtWpTe6d7fUbwe0QJ4RX4bFMG-h5A4AiKnMqjwUd529tebCyQ5BYrSQ0sgmidN7JJJnUsuJ41ccDwzkjwhyGvnTNRiUYpC0-_5UJ4ANEQoH9cyzgutliXhOb9W1GDM-g7z3GiU0KVMadxh/") 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%;} .theblogwidgets div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .theblogwidgets span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color: gray;text-decoration:none;} .theblogwidgets span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.TheBlogWidgets.com--><div class="theblogwidgets" style="">
<!--Brought to you by http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html--><div>
<!-- http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html--> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com/v4vinaygoud&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;"><!--Brought to you by www.TheBlogWidgets.com--></iframe><!--Brought to you by www.TheBlogWidgets.com--><span><!--Brought to you by www.TheBlogWidgets.com--><center>
<a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Vinay Goud</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html"></a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.TheBlogWidgets.com AND www.JasperRoberts.com END-->"
and click 'save' to add the widget to your Site.Then click 'save arrangement' in the top right corner of Blogger.
Now go to your site and see the changes done.
0 comments:
Post a Comment