3 In 1 Pop-Up Like Box Widget For Blogger

Several blog are providing "Facebook LikeBox JQuery Popup" but Facebook is not only social networking site which help your blog to get traffic.In this post I will give you pop-up like box widget which include Facebook like button,Google plus one button and twitter follow button.Some features of this widget are as follow-

• This widget is working very smoothly just because of jQuery codes I hosted on opendrive.
• This widget is having close button which help user to close this widget after subscribing your blog.
• Times is one the main features of this widget, you can set the timer and it will automatically disappear after time over.
• This widget is fast loading it don't effect your blog loading speed it means it is SEO friendly.

Adding this widget to blogger

• Go to blogger Dashboard
• Click on Template tab
• Now find </body>
• Paste below code above </body>

<script type='text/javascript'>
//<![CDATA[
TITLEKN='Blog';FBKN='facebookusername';TWITTERKN='Twitter';URLKN='GOOGLE + URL';
//]]>
</script>
<link href='https://www.opendrive.com/files/MV80NzE1NjY0X1dwOEx2/like-lordhtml.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/113511711520/likebox-lordhtml.js"></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){                            
        $().KN3IN1({
            timeout: 30,
            wait: 0,
            closeable: true        });
});
//]]>
</script>

Now you need to customize this widget- 

• Replace red color highlighted text with your Facebook username.
• Replace bloglordhtml with twitter username.
• Replace GOOGLE + URL with your google plus page or profile url.
• The timer is set to 30 seconds to change it simply edit timeout: 30
• The widget appears immediately after a visiter eneters. If you want it to appear after one minute or more then edit wait: 0

Now just click on save template button and preview your blog and you will find this awesome widget on your blog :)