If you are on blogger and search for widgets to get subscribers for your blog then here’s an Amazing Email Subscription Blogger Widget.
Subscribers are the backbone for any blog as they are the decides the number of loyal visitors of the blog. A visitor subscriber to any blog when he/she finds anything good in the blog. Subscription are meant to give latest updates about the happenings on a website or blog and no doubt subscribers numbers matters in a lot in the number of returning visitors. So its always recommended to grow up subscribers. And using plugins and widgets are the ways to accomplish this task. Here i am sharing a beautiful email subscription widget to drive more subscribers in your list.
Amazing Email Subscription Blogger Widget
Steps to add Email Subscription Blogger Widget
1. Log into your blogger dashboard and if you have more than one blog then choose the one where you want to add the email subscription widget.
2. Now click on Template in the left menu.
3. Here click on Edit HTML button.
4. Now look for the code.
Note : To search for code, Press Ctrl + F and enter “]]></b:skin>” without quotes and hit Enter.
5. Add the following code before the above code and save the template.
|
|
.newsletter_box{display:block;width:1006px;position:relative;height:130px;background:#FFF 30px 29px no-repeat url(http://i.imgur.com/5zAio.png);border:1px solid #E0E0E0;margin:20px auto}.newsletter_header{background:url(http://i.imgur.com/59wbz.png) repeat-x;height:18px}.newsletter_box .news_title{display:block;width:190px;height:30px;font-size:22px;color:#929083;position:absolute;top:46px;left:148px;font-family:Segoe UI}.newsletter_box p{display:block;width:262px;font-size:13px;color:#929083;position:absolute;top:28px;left:315px;line-height:18px;border-left:5px solid #ebebeb;padding:10px 0 10px 25px}.newsletter_box .newsletter_form{display:block;width:325px;position:absolute;top:22px;right:35px}.newsletter_box .newsletter_form label{display:none}.wpmlerror{display:block!important;width:150px!important;position:absolute!important;top:30px!important;left:100px!important;text-align:left;margin:0!important;padding:0!important}.feedbutton .button{display:block;position:absolute;right:-5px;top:17px;font-size:12px;font-family:Tahoma;border:0;padding:8px 15px}.feedbutton input{color:#FFF;background:#00a5f0}.feedbutton input:hover{color:#FFF;background:#F06;-webkit-transition:ease-in .3s}.feedbutton input:active{color:#FFF;background:#A5E919}.feednewsletter input.emailfield{width:210px;background:#EDEDE5;display:block;position:absolute;right:95px;top:17px;border:0;padding:7px}
|
6. Click on Layout > Add Gadget to add HTML/JavaScript Gadget and copy the following code
|
|
<section class="newsletter_box round-me" id="gonewsletter"><div class="newsletter_header"></div><section class="news_title"><strong>NEWS</strong>LETTER</section><section><p>Sign up with your email to get updates about new posts on how to's tuts and other articles.</p></section><section class="newsletter_form"><div class="feednewsletter"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: #ff0000;">BlogSpiceUp</span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input type="text" name="email" class="emailfield" /><span class="feedbutton"><input type="submit" value="Subscribe" class="button" /></span><input type="hidden" value="<span style="color: #ff0000;">BlogSpiceUp</span>" name="uri" /><input type="hidden" name="loc" value="en_US" /></form></div></section></section>
|
Note : Change the red colored BlogSpiceUp to your blog feed burner ID.
No comments:
Post a Comment