Header Ads

Adding New POPOUT Likebox Facebook Widgets

I found a cool pop out facebook like box its save space for your blog..its a static widgets
Add a floating facebook like box to your blog or website.  The widget remains in a fixed position on the right-hand side of your site.  When you hover over the blue facebook image, the like box will then slide and reveal itself using jquery.



Copy the Script below and paste it on your blogger widget/gadget  HTML  or paste anywhere in the body section of your template.

<!--Floating Facebook Widget by www.blogmytuts.net START-->
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".blogmytuts").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .blogmytuts{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5HJpJpcyxD3lXPpnznpAKLGnmJTmKUsH-5FclI0xXhG5Qz4G2i6Ih3kKgdYiiHxtLZ2_W_ijwYfvjrykqIDP-GTW6rtjsQb_Ei1TAWttVbX61OAh-BuLclIsuGPXDwWZH3L8_coQ4h6yZ//") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .blogmytuts div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .blogmytuts span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .blogmytuts span a{color: gray;text-decoration:none;} .blogmytuts span a:hover{text-decoration:underline;} } </style><!--Brought to you by www.blogmytuts.net--><div class="blogmytuts" style="">
<!--Brought to you by http://www.blogmytuts.net/2012/06/adding-new-popout-likebox-facebook.html-><div>
<!-- http://www.blogmytuts.net/2012/06/adding-new-popout-likebox-facebook.html--> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FBlogmytuts&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"><!--Brought to you by www.blogmytuts.net--></iframe><!--Brought to you by www.blogmytuts.net--><span><!--Brought to you by www.blogmytuts.net--><center>
<a style="color:#a8a8a8;font-size:8px;" href="http://blogmytuts.net">blogmytuts</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.blogmytuts.net/2012/06/adding-new-popout-likebox-facebook.html">Get This Widget Click Here</a></center>
</span></div>
</div>
<!--Floating Facebook Widget by www.blogmytuts.net AND www.blognizen.blogspot.com END-->


The color RED on the scripts sample change it with the name of your page.



Update Page Plugin version 2.3 

New:
Cover Photo
Share Button
Post feed from Page

Click Here:  http://www.blogmytuts.net/2015/04/new-facebook-pop-out-page-plugin-widget.html







No comments

blogmytuts. Powered by Blogger.