How to add Blinking Subscription Box for Blogger?
- Go to Blogger > Dashboard > Layout > Add Html/Java Script
- Then add the following code given bellow in that Html box.
<div class=”theboxing”><div class=”sfaasda”><div class=”sfasda”>Email Newsletter </div><form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=triposoft’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true” class=”w2bEmailform”><input type=”hidden” value=”triposoft” name=”uri” /><input type=”hidden” name=”loc” value=”en_US” /><input type=”text” onblur=”if (this.value == "") {this.value = "Enter your email…";}” onfocus=”if (this.value == "Enter your email…") {this.value = ""}” value=”Enter your email…” name=”email” class=”emailText” /><input type=”submit” class=”emailButton” value=”SignUp” title=” /></form></div></div><link href=”http://fonts.googleapis.com/css?family=Cinzel+Decorative” rel=”stylesheet” type=”text/css” /><style>.theboxing{margin:10px;background-image:url(https://www.greglinch.com/images/rss_icon_black.png);background-repeat:no-repeat no-repeat;border-style:solid;background-color:initial;background-color:#F2F2F2;border-color:#D4D4D4;padding:20px;height:120px;width:500px;background-position:right;}.theboxing:hover{background-image:url(https://www.glcollege.org.uk/images/icon/thumb-icon.png);}.sfasda{font-size:30px;font-family: ‘Cinzel Decorative’, cursive;}.w2bEmailform {margin: 20px 0 0;display: block;clear: both;}.emailText {background: url(“http://cdnimage.99labels.com/email-icon.png”) no-repeat scroll 10px center transparent;padding: 7px 17px 7px 35px;color: #444;text-decoration: none;border: 1px solid #D3D3D3;-webkit-box-shadow: 1px 1px 2px #CCC inset;-moz-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;width:200px;height:30px;font-size:16px;}.emailButton {border-style:solid;background:black;border-color:black;color:white;padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px;font-size:16px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;font-weight: bold;}.emailButton:hover {background:red;border-color:red;}</style>
- Just Replace Triposoft with your Feed name.
- And Save it and enjoy.