Subscribe For Free Updates!

We'll not spam mate! We promise.

Saturday, 3 August 2013

Facebook Pop-up Like Scrolling Widget For Blogger

In the world of blogging widgets have always got a high priority and infact they are considered the top source to bring traffic to your blog. Widgets are very important as they allow people to like your content and share it easily with other people. We, have always shared quality and useful widgets with you and once again today following out tradition we are going to share a nice widget with you which is name as Facebook Pop-up Like Scrolling Widget.

Something Special In This Widget

As social media is the top source for getting free and targeted traffic so today's widget allows your readers to show your content on Facebook with other people and surely it brings more traffic to your blog.

Some Functions Of It :

  • It has scrolling feature that lets it to Round UP and DOWN with the movement of Mouse Pointer.
  • It loads Faster and appears in seconds within the page opening.
  • It has an attractive style which catches the visitors attention to Like
  • It doesn't get bored any visitor because of its hiding feature that is found at the Top Right corner of the pop-up
  • The most important thing in this is the close-up to the number of your page likes (If you've more than 1000 likes, you've more chances to get Likes)

How To Add This Widget On Your Blog ?

  1. Sign in to your blogger account and the select the blog for which you want to add this widget in.
  2. Go to Layout >> Add A Gadget.
  3. Select Html/Java Script from the Pop-up tab that appears after clicking on Add A Gadget. Another Pop-up window will open.
  4. Paste the below code in the new pop-up window
<style type='text/css'>#KBTricksFBpop {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;}#KBTricksFBpop a.kbtricksclose {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=""></script><script type='text/javascript'>$(window).bind("load", function() {// Animate Top$('#KBTricksFBpop').animate({top:"50px"}, 1000);// Widget by$('a.kbtricksclose').click(function() {$(this).parent().fadeOut();return false;});});</script><div id='KBTricksFBpop'><!-- Widget by Start --><center><b><a class="KBTricks">Don't Forget To Join With Our Community</a></b></center><center><iframe src="//" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center><!-- Widget by End --><a class='kbtricksclose' 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="">Pro Bloggers Cafe</a></center></div> 
Note : Change ProBloggersCafe According to your Facebook Fan Page username.

Your Turn :

We shared an immense widget for you today. Please give it a try and we hope it will really amaze you. Now, please let us know about your thoughts and reviews about this gadget via the below comment section. Till Then Happy Blogging .... Roger And Out! 

Socializer Widget By Blogger Yard


  1. Replies
    1. Thanks for liking ....
      Also share it with your friends :)

  2. Your post is good and clearly narrated. Thanks for sharing.


    1. Thanks for appreciating ......
      Hope you will visit again soon :)

  3. Just landed on ur blog

    beautiful design, user friendly and nice posts too

    Kepp it up buddy


    1. Thanks for appreciating , waiting for your next visits ;)
      You have a nice blog too