I know you would love to see your blog readers rise to a certain number. This would only be possible and encourage visitors subscribe on your blog if they can see a stylish subscription box somewhere on your blog. Subscription box is mostly located on blogs sidebar or somewhere under post body. But I would suggest putting it under every post so that readers will directly see the stylish subscription box after reading a certain blog post of yours.
This stylish subscription box is designed for bloggers that don't like adding the default blogger subscription box which is quite very simple. The instruction will leads you on putting the subscription box under every blog post.
Adding Stylish Subscription Box
1. Go to Dashboard >> Design >> Edit HTML.
2. Click on the Expand Widget Templates.
3. Find the code below
<data:post.body/>
and paste the codes below just after the code in step 3 ..
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=SmashingNotes', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #DDD;padding:3px;text-align:center;background:#F1F1F1;' target='popupwindow'><span style='margin:0 auto; padding-left:24px; position:relative;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VxQ7AnaDm1IVJ-EVom277RTr_zYGclwEkl0921Sc-qDz8oJPEzZHbWUf1Uu3biB0bm4uOAqlsXo95yxOgpYiaD_AT1tjZ5J_aeqVkeFdpQMAuXJNBsmzVai03lD_0CqdkDVvmjphmy0/s1600/myrss.gif) right center no-repeat;'/>Get Free Updates: <input name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = ""}' style='width:176px;height:18px; background: #ffffa0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVEQJt6_3Um119ZUr3ptolZLXyJ39qxNDjJzYBkRFEut5yiOyIjWy22cttnWfeKH8YsgeQ2apvPjeu7RsXmDaJF-EACEpOW63qDrPgjrmRkgZhZc0n79pFu_R2kUv9nmY5kaSpiJ5fQ7_V/s1600/new-email.png) left no-repeat;padding: 1px 0px 1px 24px;border: 1px solid #8cafe3;' type='text' value='Enter your email'/><input name='uri' type='hidden' value='SmashingNotes'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/>
<center><i>*Please click on the confirmation link sent in your Spam folder of Email*</i></center>
</form>
IMPORTANT: You have to change "SmashingNotes" in the code above with your feed ID.
Your done! Check your stylish subscription box now. Take note that you can put this anywhere on your blog. If you wish to put the subscription box on the sidebar, you just have to copy the code and paste it on a HTML/JavaScript Gadget. And you have to change the width of course to fit your sidebar width.
If your having problem implementing this on your blog template HTML, just hit the comment box and we'll find a way to that problem.
0 comments:
Post a Comment