How to Add Beautiful Subscription Form to Your Blogger
1.Login to your blogger dashboard and go to Desing --& Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below.
1.Login to your blogger dashboard and go to Desing --& Page Elements.
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the one of code given below.
<style> .mbt-email{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg75YSCBni1cXTGXeUpDV52EA5Dm-qPcY3l9KmqtceFY3qAjlmm8TXuG1HXEOZpy0qZDbWSikwIxkaOUIsp2ZLk_51YsI0UkEtZ0XUWOiMMjimosFUmvSm0FARwfV1EwOvKW7rvS6O8XE/) no-repeat 0px 12px ; width:300px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C; } .mbt-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; } .mbt-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; width:170px; color:#666;} </style> <div class="mbt-email"> Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('Enter here your feedburner url', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" /> <input type="hidden" value="Blogger tricks and toolz" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="mbt-emailsubmit" value="Submit" type="submit" /> </form> </div>
Note: Replace Enter email address here with your feedburner url..
4.Now Clik on "save javascript" you are done.
Cheers
No comments:
Post a Comment