Scrolling Facebook Pop Up like Box widget for Blogger Blog

Add beautiful Facebook pop up like box gadget in Blogger Blog. This pop up is with scrolling feature means it is fixed position on the screen. It is very light widget to easy to lode on websites or blogs. This widget is very useful must add this widget in your blog.

This pop up like box widget is designed to get more Facebook likes. This pop up box like widget has many features. The main feature is that it loads on blogs very easily and fast and it is with scrolling effect, that means this box will scroll top to down when you will moving your mouse from top to bottom.

This box has also a close button on the top right side. Visitor can close this widget by click on that button. This Widget is officially created by Blogger Spice. This box is 100% safe and don't harm your blog or website.


Add this Widget in Blogger :

• Open Blogger in your browser and log in to your account.
• Now go to Layout option tab.
• Click on Add a Gadget and then select HTML/JavaScript.
• Now copy and paste the CSS and HTML code in HTML/JavaScript area.

<style type='text/css'>#PCGatsFBpop { position:fixed !important; position:absolute; top:-1000px; left:50%; margin:0px 0px 0px -182px; width:300px; height:auto; padding:16px; background:#FEFEFE;font:normal Dosis, Georgia, Serif; color:#111; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } #PCGatsFBpop a.PCGatsclose { position:absolute; top:-10px; right:-10px; background:#fff; font:bold 16px Arial, Sans-Serif; text-decoration:none; line-height:22px; width:22px; text-align:center; color:#000000; border:2px solid #333; -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4); box-shadow:0px 1px 2px rgba(0,0,0,0.4); -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:25px; cursor:pointer; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type='text/javascript'>$(window).bind("load", function() { // Animate Top $('PCGatsFBpop').animate({top:"50px"}, 1000); // Widget by www.PcGats.blogspot.com $('a.PCGatsclose').click(function() { $(this).parent().fadeOut(); return false; }); }); </script><div id='PCGatsFBpop'><!-- Widget by www.PcGats.blogspot.com Start --><center><b><a class="PCGats">Don't Forget To Join With Our Community</a></b></center><center><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FPCGats&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowTransparency="true"></iframe></center><!-- Widget by www.PcGats.blogspot.com End --><a class='PcGatsclose' href='#'>×</a><center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href=" http://www.PcGats.blogspot.com/2013/06/scrolling-facebook-popup-like-box.html">Pc Gats</a></center></div>

• Now click om Save button and enjoy with your gadget.

If you have any kind of problem or suggestion about this article, tell us by comments. Also Share it with your friends. Also Subscribe to our Daily Updates.

Scrolling Facebook Pop Up like Box widget for Blogger Blog 2013-12-25T03:30:00-08:00 Rating: 4.5 Diposkan Oleh: Iwa Crot