Blog Tricks Center: Add Twitter Popup Follower Box To Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
Blogger popup - Facebook popup with twitter follow button</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sFQAJXyXYGuuaZvL-VuRN1rv7cdWXZKjccVENP7Timk6H5miN6dGuuVmoZ1yPue_1LIoy_N6Jy9X9eRQcwYZbgaBa-_RXLVt3IEMfcQJ56K0wimy7n732saijbW4aNsJ9ztLGiBJy7ME/s1600/popup+like+box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2sFQAJXyXYGuuaZvL-VuRN1rv7cdWXZKjccVENP7Timk6H5miN6dGuuVmoZ1yPue_1LIoy_N6Jy9X9eRQcwYZbgaBa-_RXLVt3IEMfcQJ56K0wimy7n732saijbW4aNsJ9ztLGiBJy7ME/s1600/popup+like+box.png" width="400" /></a></div>
Do you want to make more twitter followers, facebook likes & Email Subscribers? Then don't worry you don't need to install any popup windows and floating widget to your blog to get likes and flowers, here is a simple popup box which allows visitors to like with three option Email Subscription, Facebook like button & Twitter follower button in only one popup box. 
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

 
<ins class="adsbygoogle" data-ad-client="ca-pub-8616135883183169" data-ad-slot="7224714538" style="display: inline-block; height: 280px; width: 336px;"></ins> 
 
This popup widget was created with jquery & css, there is no close button and not timer. If any visitor want to close this popup just press ESC button on Keyboard or click anywhere on the page. 
 
<a href="http://www.tonzer-template.blogspot.com/" target="_blank">DEMO</a> 
 
 
The jquery call the popup when the page is load and it is very fast and quick, we have share a previous Facebook Popup like box, but there is only one option that is only facebook like button installed in that popup but now in this Simple popup box you will find three options that are Email Subscription form, Facebook like button & twitter follower button. The popup is easy to install to any blogger blog template no need to go to template, just copy and paste the code in html element. 
Installation Popup To Blogger 
Go to Layout 
Add Element > Html/Javascript 
Paste the code and save it 
 
Popup Subscription Box Code 
 
 
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> 
<script src="https://sites.google.com/site/blogtrickscenter.blogspot.in/Subscription-cbox.js"></script> 
 
<style> 
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    #cboxOverlay{position:fixed; width:100%; height:100%;} 
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    #cboxContent{position:relative;} 
    #cboxLoadedContent{overflow:auto;} 
    #cboxTitle{margin:0;} 
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
    .cboxPhoto{float:left; margin:auto; border:0; display:block;} 
    .cboxIframe{width:100%; height:100%; display:block; border:0;} 
    #cboxOverlay{background:#000;opacity:0.5 !important;} 
    #colorbox{} 
          
 
#cboxLoadingOverlay{background:#fff;} 
          
 
#cboxLoadingGraphic{background:#fff;} 
           #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%;  font-weight:bold; color:#7C7C7C;} 
           #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 
           #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; 
 
background:#fff; width:23px; height:23px; text-indent:-9999px;} 
           #cboxPrevious{left:0px; background-position: -51px -25px;} 
           #cboxPrevious.hover{background-position:-51px 0px;} 
           #cboxNext{left:27px; background-position:-75px -25px;} 
           #cboxNext.hover{background-position:-75px 0px;} 
           #cboxClose{right:0; background-position:-100px -25px;} 
           #cboxClose.hover{background-position:-100px 0px;} 
           .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} 
           .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} 
           .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 
           .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} 
    /*-----------------------------------------------------------------------------------*/ 
    /*   sUBCRIPTION POPUP LIKEBOX FOR BLOGGER BY http://blogtrickscenter.blogspot.in/ <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
 style="display:block"
 data-ad-client="ca-pub-8616135883183169"
 data-ad-slot="6504860932"
 data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
    /*-----------------------------------------------------------------------------------*/ 
    #mmk-subfb { 
        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 
width:540px; 
height:210px; 
box-shadow: inset 0px 0px 0px #404040; 
-webkit-box-shadow: inset 0px 0px 0px 0px #cccccc; 
-moz-box-shadow: inset 0px 0px 0px #cccccc; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
border-radius: 20px; 
    } 
    #mmk-subfb a, 
    #mmk-subfb a:hover, 
    #mmk-subfb a:visited { 
        text-decoration:none; 
    } 
    .mdbox-title { 
background:#000; 
       color: #fff; 
 
       font-size: 20px !important; 
       font-weight: bold; 
       margin: 10px 0; 
    border:20px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
    padding:10px; 
    line-height:25px; font-family:arial !important; 
    } 
    .mdbox-tagline { 
       color: #999; 
       margin: 0; 
       text-align: center; 
    } 
    #mdsubs-container { 
        padding: 35px 0 30px 0; 
        position: relative; 
    } 
    a:link, a:visited { 
    border:none; 
    } 
    .demo { 
    display:none; 
    } 
 
.mmk-subemail{ 
background:urlundefinedhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfvAlyBvgMVdMob5_Y9qCXvO-EnyMeiBH8gAVnpgi56s20zfsPG4Mv7zVfL2XFAdRD6Tvl0NoWR8FPkFrY5YdJTRc88E_KyzRzA6x7uTmu3ZFjGkqhDK-YIyCIVa6yOvYyTN3P_sRXGBr_/s1600/email.png) no-repeat 0px 12px ; 
width:300px; 
padding:10px 0 0 55px; 
float:center; 
font-size:1.4em; 
font-weight:bold; 
margin:0 0 10px 0; 
color:#686B6C; 
} 
.mmk-subemailsubmit{ 
background:#9B9895; 
cursor:pointer; 
color:#fff; 
border:none; 
padding:3px; 
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
border-radius:6px; 
font:12px sans-serif; 
} 
.mmk-subemailsubmit:hover{ 
background:#E98313; 
} 
.textarea{ 
padding:2px; 
margin:6px 2px 6px 2px; 
background:#f9f9f9; 
border:1px solid #ccc; 
resize:none; 
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); 
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; 
width:170px; 
color:#666;} 
</style> 
 
 
<script type="text/javascript"> 
jQueryundefineddocument).readyundefinedfunctionundefined){ 
if undefineddocument.cookie.indexOfundefined'visited=flase') == -1) { 
var fifteenDays = 1000*60*60*24*30; 
var expires = new Dateundefinedundefinednew Dateundefined)).valueOfundefined) + fifteenDays); 
document.cookie = "visited=true;expires=" + expires.toUTCStringundefined); 
$.colorboxundefined{width:"600px", inline:true, href:"#mmk-subfb"}); 
} 
}); 
</script> 
<div style='display:none'> 
<div id='mmk-subfb' style='padding:10px; background:#f9f9f9;'> 
<center> 
Get Latest Updates Straight in your Inbox 
    by submitting your Email ID below. 
<div class="mmk-subemail"> 
Subscribe via Email 
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open undefined'http://feedburner.google.com/fb/a/mailverify?uri=qlgrr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" /> 
<input type="hidden" value="Blogspot/qlGrR" name="uri"/><input type="hidden" name="loc" value="en_US"/> 
<input class="mmk-subemailsubmit" value="Submit" type="submit" /> 
</form> 
</div><div style='clear:both'></div> 
<div align="center"> 
<div style="border-bottom:1px solid #e6e6e6; margin:8px 5px 0px 0px; padding-bottom:5px;"></div> 
<div style='margin:5px 0px 50px 0px; padding:10px; float:none; width:470px;'> 
<div style='margin:0px 0px 0px 0px; padding:0px; float:left; width:252px; border-right:1px solid #ddd;'> 
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMy-Blogger-Trick%2F215750558457824&width=292&colorscheme=light&show_faces=false&border_color&stream=false&header=false&height=62' style='border:none; overflow:hidden; width:292px; height:62px;'></iframe> 
</div> 
<div style='margin:10px 30px 0px 0px; padding:0px; float:right; width:150px;'> 
<a class='twitter-follow-button' data-button='grey' data-link-color='#289728' href='http://twitter.com/mybloggertrick' rel='nofollow'></a> 
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script> 
</div></div> 
<a style="padding:13px 5px 0px 5px; color:#A7A7A7; font-family:arial; font-size:10px; text-decoration:none; float:right;"  target="_blank"href="http://blogtrickscenter.blogspot.in/2013/04/facebook-popup-with-twitter-follow.html" target="_blank" rel="dofollow">Get This</a> 
</div></div> 
  <div style='clear:both'></div> 
</center> 
</div></div> 
<style>#cboxClose{display:none;}</style> 
 
 
Customization 
 
To change width of this popup Replace this width:540px; 
To change Background Replace this #f9f9f9 try our Html Color Generator 
 
Email Subscription  
 
Replace (http://feedburner.google.com/fb/a/mailverify?uri=qlgrr) with your feedburner link 
Replace Blogspot/qlGrR with your feedburner code. 
 
Facebook Like Button 
 
Replace (http%3A%2F%2Fwww.facebook.com%2Fpages%2FMy-Blogger-Trick%2F215750558457824)with your facebook like button link. this link you can find in facebook like box. 
 
Twitter follower button 
 
Replace mybloggertrick with your twitter user name 
 
 
 
Note: All work are copyrighted to his owner please do not remove our Credit link. 
<div>
 </div>
<div>
 </div>
</div>

Blogger popup - Facebook popup with twitter follow button Do you want to make more twitter followers, facebook likes & Email Subscribers? Then don't worry you don't need to install any popup windows and floating widget to your blog to get likes and …