Floating Facebook Like Box Widget For Your Website|ziaullah tuts|urdu tutorials!
today in this tutorial i am telling you about facebook top 5 wedgets look like beautiful it is very useful and easy to share your post with your friends first of all copy my all code and set into html script.
step by step all code you set on your blog or website.
Floating Facebook Like Box Widget For Your Website!
How to CustomizeWhere to find the code?
In order to find the html go to the blogger dashboard>Layout. Click "edit" on the "HTML/Javascript" gadget.
Enter your facebook username!
Search for the line of code below and replace theblogwidgets with your own facebook page username.
today in this tutorial i am telling you about facebook top 5 wedgets look like beautiful it is very useful and easy to share your post with your friends first of all copy my all code and set into html script.step by step all code you set on your blog or website.
Floating Facebook Like Box Widget For Your Website!
you are strugle on many site about this floating wedget
this wedget apear on your blog right side it is very beautiful wedget.
first step.
copy these all code and paste in to your html java script wedget.
<!--Floating Facebook Widget by www.ziaullahtuts.blogspot.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/AVvXsEho7DLcrYPGtU4fHXwzhc7TJY05hv8igBMK31IcrOPb5KphhAt3tQ8dEu9vGpt81srZoavho4SRIex9xaonmba8VXVBPKxzki5WpMyDNh9-mCFpNXmfLkMka5eLz9wKErki1nbRc4NTkSC5/") 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%2Ftheblogwidgets&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">Jasper Roberts Consulting</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com/2013/11/floating-facebook-like-box-widget-for.html">Widget</a></center></span></div></div><!--Floating Facebook Widget by www.TheBlogWidgets.com AND www.JasperRoberts.com END-->
How to CustomizeWhere to find the code?
In order to find the html go to the blogger dashboard>Layout. Click "edit" on the "HTML/Javascript" gadget.
Enter your facebook username!
Search for the line of code below and replace theblogwidgets with your own facebook page username.
remember me in your prayers ziaullah tuts
.jpg)
0 comments:
Post a Comment