3 in one pop up subcription widget

Before I told you how to add facebook popup in blogger.Today I am going to reveal a new widget with facebook , google plus and twitter popup.It also featured with timer.lets see how to do it>First See the demo.

Live Demo

How to add 3 in one pop up subcription widget

• First go to blogger dashboard>>>Design>>>Page elements>>>add gadget>>>Html/javasript.

And copy this code and paste it in that gadget box.

<!--  http://truebloggertricks.blogspot.in/ 3 In 1 Likebox Start -->
<script type='text/javascript'>
//<![CDATA[
TITLEKN='Join us at Facebook';FBKN='your facebook username';TWITTERKN='your twitter id';URLKN='https://plus.google.com/Google Page + ID';
//]]>
</script>
<style>#stp-bg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:998;}#stp-main{position:fixed;top:220px;_position:absolute; /* hack for IE 6*/display:none;width:450px;border:7px solid #2f2f2f;background:#fff;z-index:999;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif !important;font-size:13px;}#stp-title{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;font-size:18px;padding:13px 0 13px 15px;}#stp-close{float:right;font-size:14px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;color:#777777 !important;margin:0 13px 0 0;border-bottom:0px !important;text-decoration:none !important;}#stp-close:hover{text-decoration:none !important;}#stp-msg{background:#4074CF;padding:10px 15px;color:#ffffff;font-family:Arial, Helvetica, sans-serif !important;font-weight:bold;line-height:20px;}#stp-buttons{margin:25px 0px 25px 0;padding:0 0 0 15px;}#stp-bottom{padding:15px 10px;background:#EFEFEF;color:#95989F;border-top:1px solid #DDE0E8;}#stp-counter{font-size:11px !important;text-align:right;font-weight:bold;}.stp-button{float:left;width:120px;}.step-clear{clear:both !important;}</style>
<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 src='
http://yourjavascript.com/81988231124/truebloggertricks.txt.js' type='text/javascript'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){                                
        $().KN3IN1({
            timeout: 60,
            wait: 0,
            closeable: true        });
});
//]]>
</script>
<!--  http://truebloggertricks.blogspot.in/ 3 In 1 Likebox End -->

 

Modification:

 

• Replace your facebook username with your Facebook fan page username or url with http://www.facebook.com
• Replace your twitter id with your twitter id without http://www.twitter.com/
• Replace Google Page + ID with your google + id
• Join us at Facebook is title of widget
• How long like box will display on blog is define by 60. ( means 60 second ) after 600 seconds it will close automatically

• 5 define the time in minute after which it will popup again.

That was all!