Best Pop up Subscription Box for Blog - Hei, Welcome To Xivan Post Blog, In this page, I Will inform you about Best Pop up Subscription Box for Blog, I hope you can enjoy reading this
Article Widgets, it's the result of automatic content collection, To remind these info on the post review Best Pop up Subscription Box for Blog it's advisable to be distributed to social media, I hope Helpful, view more clearly direct the info below.
To day we share a Best Pop up Subscription Box for Blog and bloggers. We got a lot of pop Subscription widget that simply popup effects.Generally not we use these types of pop up widgets to get more likes, tweet subscribers. So I just designed this pop-up window Subscription with scrolling effect for the blogger.
How to Add Best Pop up Subscription Box for Blog
Go to Blogger Dashboard >> LayoutClick on Add a GadgetJust Copy & paste the below code in it (Just leave title column blank)
<style type='text/css'>
#tsupdown {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:360px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#3977D4;
border:2px solid #3977D4;;
-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;
}
#tsupdown a.tsclose {
position:absolute;
top:-10px;
right:-10px;
background:#3977D4;
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
$('#tsupdown').animate({top:"80px"}, 1000);
// Widget by http://makemoneyfreewithus.blogspot.com/
$('a.tsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='tsupdown'>
<!-- Widget by http://makemoneyfreewithus.blogspot.com/ Start -->
<center><b><a class="TS">If You Like! Share it</a></b></center>
<center>
<style>
.tbisubscribe {
border: 1px solid #3977D4;
padding: 10px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgb(202, 76, 202);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgb(202, 76, 202);
}
.tbimailbox {
border: 1px solid #3977D4;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #3977D4;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbisubscribe'>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=BloggerTipsAndTricksMakeMoneyFreeWithUs', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='MMFWU' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}'
onfocus='if (this.value == "Enter your email...") {this.value = ""}'
type='text' value='Enter your email...' />
<input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
<table border='0'><tbody>
<tr><td><img src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TM9g9IUnPEI/AAAAAAAAB_4/vL57WmouxO8/s1600/stay+connected.png'/></td><td>
<a href='http://feeds.feedburner.com/BloggerTipsAndTricksMakeMoneyFreeWithUs' imageanchor='1' style='margin-left: 1em; margin-right: 1em;' target='_blank'><img border='0' src='http://1.bp.blogspot.com/_rKG-ziTSNUQ/TUioxHuEqUI/AAAAAAAACzw/sDjXq2r-LEo/s1600/connect-rss-feed.png'/></a></td><td>
<a href='https://twitter.com/saifullah78' rel='nofollow' target='_blank'><img alt='Follow Us on Twitter!' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TUiowIW-2bI/AAAAAAAACzo/PgDZVQrh7c8/s1600/connect-twitter-follow.png' title='Follow Us on Twitter!'/></a></td><td>
<a href='http://facebook.com/BlogTipzNTricks' rel='nofollow' target='_blank'><img alt='Be Our Fan!' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TUiowob8qHI/AAAAAAAACzs/Fsw_CkgSTSQ/s1600/connect-facebook-follow.png' title='Be Our Fan'/></a></td></tr>
</tbody></table>
<a href='http://www.makemoneyfreewithus.blogspot.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a>
</div>
</div>
</center>
<!-- Widget by www.makemoneyfreewithus.blogspot.com End -->
<a class='tsclose' href='#'>×</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this Widget</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href=" http://www.makemoneyfreewithus.blogspot.com/">MMFWU</a></center>
</div>
Before saving your Widget please replace " BloggerTipsAndTricksMakeMoneyFreeWithUs " with with your RSS Feed ID and all Social Bookmarking link URLs with Your own Profile URLs. If you have any problem while you installing it, just feel free to ask via comment.
Similarly, the discussion about the article Best Pop up Subscription Box for Blog, Hopefully with such a short review on the post Best Pop up Subscription Box for Blog this, You've really find information about what is needed now. If you feel bermanfaatt with their reviews here, do not forget to distribute to the people closest to you, the info service facility Share Share Facebook and Twitter are available on this site.
This time you're reading an article with the title Best Pop up Subscription Box for Blog with a url link address https://xivanpost.blogspot.com/2014/07/best-pop-up-subscription-box-for-blog.html thanks for reading and do not forget to read the other reviews as well.
