Sign Up To The Free Email Newsletter!

Want to get notified whenever we produce the latest content ? Then subscribe now to start receiving hot updates from today.

Wednesday, April 3, 2013

3 Stylish Facebook jQuery POP OUT likebox widget 2013

On : 11:59 PM
Dear Freiends To Day i share how to Add Stylish Facebook jQuery POP OUT likebox widget in your blogger/Blogspot.We know that Facebook like has external value and it helps to increasing visitor of your site.beside increase your Facebook Fan.Steps for add 3 Stylish Facebook jQuery POP OUT likebox widget are given below.
3 Stylish Facebook jQuery POP OUT likebox widget 2013

Steps:
1. Log in into your Blogger account, Then go to Layout


2. Click on Add a Gadget Link:


How to Add "Recommended Post Slide Out Widget For Blogger" Tricks


3. From The pop-up window, scroll down and choose "HTML/JavaScript" option:



How to Add "Recommended Post Slide Out Widget For Blogger" Tricks


 4. Paste this Following code Inside the Empty box:

(Here Just Choose your Style and replace your Facebook page URL ***Red Color***)



3 Stylish Facebook jQuery POP OUT likebox widget 2013

<!-- School of Blogging Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://2.bp.blogspot.com/-V9m2YyhmdGA/T0jC3jmhDlI/AAAAAAAAAJo/K67FFQge82Q/s1600/facebook_static+button-standard-netoopsblog.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/School-of-Blogging/509490795733602&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://netoopsblog.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School of Blogging Facebook Widget End -->

3 Stylish Facebook jQuery POP OUT likebox widget 2013
<!-- School of Blogging Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://2.bp.blogspot.com/-U-Tqo1012zI/T0jC4dNlCSI/AAAAAAAAAJw/-U96ZzZhrp4/s1600/facebook_static+button2-netoopsblog.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/School-of-Blogging/509490795733602&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://netoopsblog.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School of Blogging Facebook Widget End -->
3 Stylish Facebook jQuery POP OUT likebox widget 2013
<!-- School of Blogging Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://4.bp.blogspot.com/-zNRniWJphn8/T0jC5KwXwhI/AAAAAAAAAJ4/YFJcNdk9LzU/s1600/facebook_static+button3-netoopsblog.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/School-of-Blogging/509490795733602&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://netoopsblog.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School of Blogging Facebook Widget End -->

3 Stylish Facebook jQuery POP OUT likebox widget 2013
<!-- School of Blogging Facebook Widget Start --><script type="text/javascript">/*<![CDATA[*/jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});/*]]>*/</script><style type="text/css">.noopslikebox{background: url("http://3.bp.blogspot.com/--YMTRGpGgko/T0jC5zdicwI/AAAAAAAAAJ8/7eE40O9rc1Q/s1600/fb_static+button.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 42px;width: 245px;z-index: 9999999;position:fixed;right:-250px;top:20%;}.noopslikebox div{border:none;position:relative;display:block;}.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}.noopslikebox span a{color: gray;text-decoration:none;}.noopslikebox span a:hover{text-decoration:underline;}</style><div class="noopslikebox"><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/School-of-Blogging/509490795733602&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div><a href='http://netoopsblog.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School of Blogging Facebook Widget End -->

Tags:
pop out facebook like box widget,how to add blogger facebook like box,