Steps for add 3 Stylish Facebook jQuery POP OUT likebox widget are given below.
Steps:
2. Click on Add a Gadget Link:
3. From The pop-up window, scroll down and choose "HTML/JavaScript" option:
4. Paste this Following code Inside the Empty box:
(Here Just Choose your Style and replace your Facebook page URL ***Red Color***)
<!-- 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/AVvXsEjt5jE0-4mwpTepUkRKq99ok0s8i1uadJ4Krw7DBPHNZL-GtPNqB8XeAaAm4JqPTW1Y6uZVQwSr8iwJ_6fiviDqJcp3sldCco91MayGWIYKvP3I9Zs2M7qoMrjZK1vobO6G9GvrIWkFLBM/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/3VILCRIM3S&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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/AVvXsEiABAdAt71qdZ_fnJwtO0Tfr__FI1lbp2t5RPZ2lUwutSnwbCcqKUBuIdQFn-HB6ctTz7fpeita_eC9dJxV22XQW0xISLGQI8SbUDjgNqFZ35NPblDeFNpHEvTONCnHP3rsiXEqtSGMrXI/s1600/1x1juice.png'/></a></div><!--NetOops Blog --><!-- Facebook Widget End -->
<!-- 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/AVvXsEhWCKVcmUCioZjvmUnv5PhTl8GXiML1y7IkWqOpInnqM905oWBKOWIwd08tqtqr_UEBk4W_k9B9zge5ZtGjNLDvjdYpavwt90FG9_k2OyDTZiUgxWbdbenDtvFgYek9UmL4w-9VaN0OLhU/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/3vilcrim3s&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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/AVvXsEiABAdAt71qdZ_fnJwtO0Tfr__FI1lbp2t5RPZ2lUwutSnwbCcqKUBuIdQFn-HB6ctTz7fpeita_eC9dJxV22XQW0xISLGQI8SbUDjgNqFZ35NPblDeFNpHEvTONCnHP3rsiXEqtSGMrXI/s1600/1x1juice.png'/></a></div><!--NetOops Blog --><!-- Facebook Widget End -->
<!-- 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/AVvXsEh6zVGs_i_qAvJoyIg05zq9sAlcuZmZWwL1HbWAM8CSF6_T4zphPnUW44OY-qAfyeLQUnQjZrxf5tAZhQqtCYSNCB755218mYcRj_9L1ZKiWZqGUfPhtOplpSDPg58Cb7tGw61u2rJ1wek/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/3vilcrim3s&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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/AVvXsEiABAdAt71qdZ_fnJwtO0Tfr__FI1lbp2t5RPZ2lUwutSnwbCcqKUBuIdQFn-HB6ctTz7fpeita_eC9dJxV22XQW0xISLGQI8SbUDjgNqFZ35NPblDeFNpHEvTONCnHP3rsiXEqtSGMrXI/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School of Blogging Facebook Widget End -->
<!-- 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/AVvXsEgbWn_sGpi1FwLE35B2n_P8qSeZv6Zv_WexPOsXzkz9O_zT7ukio22cRCqFtjK_FCstisedbS5olVcIbHq6Z83V4yEss_3hHEnJS9Yyj6_3HAiF27BmVhuNwa5J0LQcthDTCMnL3zLP_Jw/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/3vilcrim3s&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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/AVvXsEiABAdAt71qdZ_fnJwtO0Tfr__FI1lbp2t5RPZ2lUwutSnwbCcqKUBuIdQFn-HB6ctTz7fpeita_eC9dJxV22XQW0xISLGQI8SbUDjgNqFZ35NPblDeFNpHEvTONCnHP3rsiXEqtSGMrXI/s1600/1x1juice.png'/></a></div><!--NetOops Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School Widget End -->
