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

By : Unknown
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXB8REyYZ7KazZolvowsmbLVo5dWa6pB6YNKGIN9uh3bIbrxeCkXJINGZfQtVECpJiDYvXYLOLS03ogPL4FqWqPFyJXwGnsbp6xVSFsuBqxphpldmhNgteaniFJU8aCrJNh_hpOKFyiU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvgmpxQ7HqfSayUbGTQdpXI6PNMM1HeF19thr9MbCz6DUudtTHLJvA7V3RiIsL8cYE1ZBwAn725WJKl32m6ZkrbdVyzJqaBFdGyQvBTWZCL2hg0avQgbtyB45oh_iFeOfNwfBiPLLknOM/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjM2GWsxe0yn4pBmwFhqehea1eB9xvCwKVQpAb8Cls6hDICupcJb0RiKhKLf3dFrMbCwJnMKb9IJ7FwE8v28jKbemaY7H9KFNqG33p8NFqSBg-RBV9c2me96sZceCr3cRrgFwjWhq39Lg/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvgmpxQ7HqfSayUbGTQdpXI6PNMM1HeF19thr9MbCz6DUudtTHLJvA7V3RiIsL8cYE1ZBwAn725WJKl32m6ZkrbdVyzJqaBFdGyQvBTWZCL2hg0avQgbtyB45oh_iFeOfNwfBiPLLknOM/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinun-vMXfjWdz7mvhsFMJnacCRuwge8DghlIZdbP9oCWZXY0CZ9hZekgLpesJS4aclzzKHvMbC-h58TX9PBEdbCjGvbJpa3l8hhH4vILiXOa9XZqADZfyk0GKVB8i7-xDoTZUxX9jA0Ag/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvgmpxQ7HqfSayUbGTQdpXI6PNMM1HeF19thr9MbCz6DUudtTHLJvA7V3RiIsL8cYE1ZBwAn725WJKl32m6ZkrbdVyzJqaBFdGyQvBTWZCL2hg0avQgbtyB45oh_iFeOfNwfBiPLLknOM/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzPaimIcSWKJ47VzJKROXAUllMJJqXwfaAABZcamhTqDnQs4MlNE4ZI8a3UhRTLnNQvlyxn3HGkWis6glqPV49K0FuORODNZGVJARZ0Q93A8O2zW0c8KTrDCqieH7XL7gbMzFFC1hfstI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvgmpxQ7HqfSayUbGTQdpXI6PNMM1HeF19thr9MbCz6DUudtTHLJvA7V3RiIsL8cYE1ZBwAn725WJKl32m6ZkrbdVyzJqaBFdGyQvBTWZCL2hg0avQgbtyB45oh_iFeOfNwfBiPLLknOM/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, 

0 comments:

Post a Comment