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/AVvXsEghBaybYKEmOZ4oOGN4MirRC5vJxNrI9IHAOzhjo5NgXDY35W0CkH_LnpQSlvqbWysp_9yNgcr5VvcwWsdDfJOxp2OxxPw9cR0zmgT9kcalKa4fNr_o_hOXOHkl8CTz3Vt9KLLR-x0kuPk/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/AVvXsEjzA-ajdWtpb2Xoiu0oZfae7YgGZqelTbdAB2Q_gzDO68SaKJjNPUnsi1zvQI7VqlLgcHvSSt-VCeYIBY6DC-05lWj5lGgWYzFjvT347YGZVFWAO67oZTT5yTzzYEfCwZOmwwqkUGytvlI/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/AVvXsEjFlfeO3amOzVRw7ANDJbZS2s6oPgKqNFgEJbpPtuZ0BOyNcNOzPdcAK7cOGVLcp5wBfd23TpsrwuUYM8db4hvxxdVyogn44uhe2lz5Ku6U45OnA8UCFSGtMeF-5vXna1uzw5LF6xQrR8k/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/AVvXsEjzA-ajdWtpb2Xoiu0oZfae7YgGZqelTbdAB2Q_gzDO68SaKJjNPUnsi1zvQI7VqlLgcHvSSt-VCeYIBY6DC-05lWj5lGgWYzFjvT347YGZVFWAO67oZTT5yTzzYEfCwZOmwwqkUGytvlI/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/AVvXsEj61U5xsWrQP0Aw23Qpp6sRvQcd6ejujCE6PvZQjoedUwZbFcvGKCWeMSLHycTIVwRwHeZXthoahyiudlgVxZXCBLbGVrxA7hJHo24GNsgN_vmQMnU9v-1JBdRUQq0QQ25Codmh9O9VHOU/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/AVvXsEjzA-ajdWtpb2Xoiu0oZfae7YgGZqelTbdAB2Q_gzDO68SaKJjNPUnsi1zvQI7VqlLgcHvSSt-VCeYIBY6DC-05lWj5lGgWYzFjvT347YGZVFWAO67oZTT5yTzzYEfCwZOmwwqkUGytvlI/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/AVvXsEhcjR1D-2Loq1d2JmXvlDJg3LsDQ63Xozt-G6TAUDvmVMgN7GPPGaxQEUWBHJw_vnUN-8vvWNJd4WOQVwK5hD_9_ugNxAXtrWe-oZLIZMg-3qXRJCueCLDhmcoMvbL9MKBzHjBVUKO1m8E/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/AVvXsEjzA-ajdWtpb2Xoiu0oZfae7YgGZqelTbdAB2Q_gzDO68SaKJjNPUnsi1zvQI7VqlLgcHvSSt-VCeYIBY6DC-05lWj5lGgWYzFjvT347YGZVFWAO67oZTT5yTzzYEfCwZOmwwqkUGytvlI/s1600/1x1juice.png'/></a></div><!--NetOops
Blog Widgets@bloggingschool-bd.blogspot.com --><!-- School Widget End -->
Hello, my name is Aamir khan. I'm a 24year old blogger from Pakistan.
No comments:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.