Stylish Email Subscription Box For Blogger Below Every Post



Stylish Email Subscription Box always grabs the attention of visitors.
This widget is gonna obviously increase your chances of getting more subscribers.
Each Bloggers knows the importance of subscribers and visitors and every one one to present the content in their unique way. That is probably the reason why, Most of the pro Bloggers are using unique and attractive E-Mail subscription box and they have lots of Subscribers.
And hence im presnteing you one Stylish Email Subscription Box for newbie bloggers.
so let’s see, How to Add it to your blog.

How to add Stylish Email Subscription Box :
Go to blogger Dashboard.
1. Click on Template.
2. Click On Edit HTML



3. Now Press 'CTRL + F',a search box will appear.
Type ]]></b:skin> in search box and find that code.



4.Now just above that code, copy and paste the below code.
/* Start E-mail Subscription she-toldme.blogspot.com */
#shetoldme{clear:both;background-image:url('http://3.bp.blogspot.com/-XojZlfFPHi8/UWW-jnmfb2I/AAAAAAAAAhk/l5NS3vO4QIA/s320/new+border.png');color:#fff;display:block;position:relative;text-align:center;line-height:1.47}#shetoldme
h4{font-size:22px;border-bottom:1px solid #746E6E;letter-spacing:2px}#shetoldme input[type="email"],.sl_in_mail{margin-right:-6px;padding:16px
0 16px 40px;border:none}#shetoldme
form{text-align:center;padding:20px
90px}#shetoldme input[type=submit]{border-radius:0;box-shadow:none;padding:6px
20px 6px;letter-spacing:2px;border:none;background:#E06;cursor:pointer;color:#FFF}#shetoldme
.counter{margin:0
0 8px}#shetoldme.efooter{background:none}#shetoldme.efooter
form{text-align:left;padding:0}#shetoldme.efooter input[type="submit"],#shetoldme.efooter input[type="email"],.wg_in_mail{padding:10px;letter-spacing:0px}#shetoldme.efooter.sidebar{background:#3C3C33;padding:5px}#shetoldme.efooter.sidebar
form{text-align:center}
/* End E-mail Subscription she-toldme.blogspot.com */


After adding the above style code it's time to add email subscription code to above comments and below each post.So lets add the HTML part.

Now in the same search box find the below piece of code.
<div class="post-footer-line post-footer-line-3">

Now just above that code, copy and paste the below code.
<!-- Start E-mail Subscription she-toldme.blogspot.com -->
<div id='shetoldme'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=SheToldMe&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=700,height=400&apos;);return true' target='popupwindow'><h4>Email Newsletter</h4><div class='counter'>Get Our Latest Articles Directly Delivered to Your Inbox </div><input class='sl_in_mail' name='email' placeholder='Enter Your Email Address' type='email'/><input name='uri' type='hidden' value='SheToldMe'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='SUBSCRIBE'/></form></div>
<!-- End E-mail Subscription she-toldme.blogspot.com -->

Now copy your Feed Burner ID in the highlighted red color in the above code.
Now just refresh your page and check it.
Hope you liked this email subscription box for blogger above comments.
Feel free to use, comment and share.

Previous
Next Post »

1 comments:

Write comments