Facebook Static popout jquery effect Like box
generator for you.This Widget Generator let's you easily generaate your
favorite Facebook style Widget and also easily add to your Blogger Blog.In my
previous Article
Step 1: Add j Query plugin (if your blog have a j Query plugin,ignore this step)
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'
type='text/java script'/>
Go to Design-> Page Elements
Click add gadget and select HTML/java-script
Copy and paste the code inside it and
save it.
 |
| Facebook Static Button |
<!-- Netoops Blog 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/AVvXsEh4zl9-6jSA19Dm8L53RbBGndH5BFr_cLB11VoUkAu-OO_HKXn715sLjdOMN7FOA1xBVJTYJXV9CTSZ3viikIoJpf3eA3n8-v380pD19pR9nJnZUn7vWwMP1vQIi8X1f8w1p9wqdNrNz0A/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/NetOops-Blog/159796530791611&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://newmastifun.blogspot.com/><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tGhkZjlYaJwTlKp_tXG23PFXR5Edh369sAgiY9PdEe2LKxggSl-qWuA0iLT7zEgUWrCp3HSFXxECPhz9SzTZPaQDkKWTh27TTYYqsDQcYFUJG65pSQ_YjopugXRgnNmG6p8-t7KuZe8/s1600/1x1juice.png'/></a></div><!--NetOops
Blog Widgets@ newmastifun.blogspot.com/--><!-- NetOops
Blog Facebook Widget End -->
 |
Facebook Static Button
|
<!-- Netoops Blog 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/AVvXsEg0mcmaDl8hQAmSZ04NwigSMPqCimAHNeBCUbkouPVpPORC_If65kvso6fOAsWcnH8uLORxyN0Ng8RK_CiBV-nnwMFw7db561929bHSIRRAH4VgpMWNtbaQXN7QqZcP0g7Dwzkk_f3jiWM/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/NetOops-Blog/159796530791611&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://newmastifun.blogspot.com/><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tGhkZjlYaJwTlKp_tXG23PFXR5Edh369sAgiY9PdEe2LKxggSl-qWuA0iLT7zEgUWrCp3HSFXxECPhz9SzTZPaQDkKWTh27TTYYqsDQcYFUJG65pSQ_YjopugXRgnNmG6p8-t7KuZe8/s1600/1x1juice.png'/></a></div><!--NetOops
Blog Widgets@ newmastifun.blogspot.com/com --><!-- NetOops Blog Facebook
Widget End -->
 |
Facebook Static Button
|
<!-- Netoops Blog 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/AVvXsEg0mcmaDl8hQAmSZ04NwigSMPqCimAHNeBCUbkouPVpPORC_If65kvso6fOAsWcnH8uLORxyN0Ng8RK_CiBV-nnwMFw7db561929bHSIRRAH4VgpMWNtbaQXN7QqZcP0g7Dwzkk_f3jiWM/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/NetOops-Blog/159796530791611&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://newmastifun.blogspot.com/><img
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tGhkZjlYaJwTlKp_tXG23PFXR5Edh369sAgiY9PdEe2LKxggSl-qWuA0iLT7zEgUWrCp3HSFXxECPhz9SzTZPaQDkKWTh27TTYYqsDQcYFUJG65pSQ_YjopugXRgnNmG6p8-t7KuZe8/s1600/1x1juice.png'/></a></div><!--NetOops
Blog Widgets@ newmastifun.blogspot.com/--><!-- NetOops Blog Facebook
Widget End -->
.jpg)
Thanks for sharing this with so much of detailed information, its much more to learn from your article. Keep sharing such good stuff.
ReplyDeleteSearch Engine Optimization Tutorial in Hindi