Email Subscription Box is a very important Gadget for any blogger that help to get more subscribers or readers to a Blog. There is no other better way to increase readers to a website accept an Email Subscription Box. It also need to be attractive and beautiful to look at. When a Blogger provides a useful post in his blog, then many times some readers need to get the latest updates from his blog. For that reason he need an Email Subscription Box in his blog, so that the interested visitors can easily get the latest update submitting their Email Address.
I am showing now some beautiful and cool Email Subscription Boxes for your Blogger Blog that you can easily add on you Blog without any programming knowledge.
To add the Email Subscription Boxes on your Blog please follow the instructions below serially:
1. Go to Blogger Dashboard >> Layout
2. Click on Add a Gadget link above right side of layout (Like below screenshot)
3. Now scroll down the Add a Gadget window and click on HTML/JavaScript (Like below screenshot)
4. Keep blank the Title box.
5. Copy one of HTML code from the designs given below and Paste into the Content box.
6. Click Save.
7. Now you drag and drop the gadget from top of the right side of Layout just above your targeted gadget (Title related gadget).
Ok, you have done. See View Blog .
Design-(1)
<div dir="ltr" style="text-align: left;" trbidi="on"><br /><div dir="ltr" style="text-align: left;" trbidi="on"><form action="http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="padding: 3px; text-align: left;" target="popupwindow"><div class="MsoNormal"><b style="font-family: Georgia, 'Times New Roman', serif;"><i><span style="color: red;"><a href="http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye" target="_blank"><span style="color: red;">Follow By Email</span></a> </span></i></b><a href="http://feeds.feedburner.com/DigitOfDigitalEye" rel="" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYoDDqs5LUUs1lMJzEZu_rgmBxoRuKRWshKJdEEZSOFSFlcMcQ9IRaD-1IAkei3-ITLKyUHx481GzTPyuaRS1BvSPrHw3D70HrDOOzX_3XeqHTbrw7aubR4NaT0KcEQ48lxZ1EkTGnbCqG/s1600/feed+burner+little+logo-PNG-2.png" /></a><b style="font-family: Georgia, 'Times New Roman', serif;"><i><span style="color: red;"> </span></i></b><br /><input class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" type="text" value="Enter email address here" /><input type="submit" value="Submit" /></div><br /><div style="font-size: 100%;"><br /></div></form></div></div>
Design-(2)
Codes:
Note: Replace the highlighted texts DigitOfDigitalEye with your FeedBurner URL.
Design-(3)
Codes:
Codes:
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 4px solid rgb(0, 160, 230); padding: 3px; text-align: center;" target="popupwindow"><p class="MsoNormal"><span style="color: #ff0066; font-family: "Rockwell","serif"; font-size: 13.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Vrinda; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;"> Enter your email address: </span><span style="color: #94b6d2; font-family: "Rockwell","serif"; font-size: 13.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Vrinda; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-themecolor: accent1;"> </span></p><p style="font-size: 100%; font-weight: normal;"><input name="email" style="width: 170px;" type="text" /></p><input name="uri" type="hidden" value="DigitOfDigitalEye" /><input name="loc" type="hidden" value="en_US" /><span style="font-size:100%;"><input type="submit" value="Subscribe" /></span><p style="font-size: 100%;"><b>Delivered by</b> <a href="http://feedburner.google.com/" style="font-weight: normal;" target="_blank"><span style="color:#cc33cc;">FeedBurner</span></a></p></form>
Note: Replace the highlighted texts DigitOfDigitalEye with your FeedBurner URL.
Design-(3)
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 4px solid rgb(0, 160, 230); padding: 3px; text-align: center;" target="popupwindow"><p class="MsoNormal"><span style="font-family: "Rockwell","serif"; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Vrinda; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;font-family:Calibri;font-size:13.0pt;color:#3333ff;"> Enter your email address: </span><span style="color: #94b6d2; font-family: "Rockwell","serif"; line-height: 115%; mso-ansi-language: EN-US; mso-bidi-font-family: Vrinda; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin;font-family:Calibri;font-size:13.0pt;color:accent1;"> </span></p><p style="font-size: 100%; font-weight: normal;"><input name="email" style="width: 170px;" type="text" /></p><input name="uri" type="hidden" value="DigitOfDigitalEye" /><input name="loc" type="hidden" value="en_US" /><span style="font-size:100%;"><input type="submit" value="Subscribe" /></span><p style="font-size: 100%;"><b><span style="color:#ff0000;">Delivered by</span></b> <a href="http://feedburner.google.com/" style="font-weight: normal;" target="_blank"><span style="color:#cc33cc;">FeedBurner</span></a></p></form>
Note: Replace the highlighted texts DigitOfDigitalEye with your FeedBurner URL.
Design-(4)
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 4px solid rgb(0, 160, 230); padding: 3px; text-align: center;" target="popupwindow"><p class="MsoNormal"><span style="font-family: Calibri; line-height: 115%;font-family:Vrinda;font-size:13.0pt;color:#333333;"><b><i> Enter your email address: </i></b></span><span style="color: #94b6d2; font-family: Calibri; font-style: normal; font-weight: normal; line-height: 115%;font-family:Vrinda;font-size:13.0pt;color:accent1;"> </span></p><p style="font-style: normal; font-weight: normal;font-size:100%;"><input name="email" style="width: 170px;" type="text" /></p><input name="uri" type="hidden" value="DigitOfDigitalEye" /><input name="loc" type="hidden" value="en_US" /><span style="font-style: normal; font-weight: normal;font-size:100%;"><input type="submit" value="Subscribe" /></span><p size="3" style="font-style: normal; font-weight: normal;"><b><span style="color:#333333;">Delivered by</span></b> <a href="http://feedburner.google.com/" style="font-weight: normal;" target="_blank"><span style="color:#cc33cc;">FeedBurner</span></a></p></form>
Note: Replace the highlighted texts DigitOfDigitalEye with your FeedBurner URL
Design-(5)
.jpg)
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 10px solid rgb(0, 160, 230); padding: 3px; text-align: center;" target="popupwindow"><p class="MsoNormal" style="font-weight: normal;"><span style="font-family: Calibri; line-height: 115%;font-family:Vrinda;font-size:13.0pt;color:red;"><b><i> Enter your email address: </i></b></span><span style="color: #94b6d2; font-family: Calibri; font-style: normal; font-weight: normal; line-height: 115%;font-family:Vrinda;font-size:13.0pt;color:accent1;"> </span></p><p size="3" style="font-style: normal; font-weight: normal;"><input name="email" style="width: 170px;" type="text" /></p><input name="uri" type="hidden" value="DigitOfDigitalEye" /><input name="loc" type="hidden" value="en_US" /><span style="font-style: normal; font-weight: normal;font-size:100%;"><input type="submit" value="Subscribe" /></span><p style="font-size:100%;"><i><b><span style="color:#3333ff;">Delivered by</span> <a href="http://feedburner.google.com/" target="_blank"><span style="color:#cc33cc;">FeedBurner</span></a></b></i></p></form>
Note: Replace the highlighted texts DigitOfDigitalEye with your FeedBurner URL.
Design-(6)
Codes:
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 18px solid rgb(0, 160, 230); padding: 3px; text-align: center;" target="popupwindow"><p class="MsoNormal" style="font-style: normal; font-weight: normal;"><span style="font-family: Calibri; line-height: 115%;font-family:Vrinda;font-size:13.0pt;color:red;"><b> Enter your email address: </b></span><span style="color: #94b6d2; font-family: Calibri; font-style: normal; font-weight: normal; line-height: 115%;font-family:Vrinda;font-size:13.0pt;color:accent1;"> </span></p><p size="3" style="font-style: normal; font-weight: normal;"><input name="email" style="width: 170px;" type="text" /></p><input name="uri" type="hidden" value="DigitOfDigitalEye" /><input name="loc" type="hidden" value="en_US" /><span style="font-style: normal; font-weight: normal;font-size:100%;"><input type="submit" value="Subscribe" /></span><p style="font-size:100%;"><b><span style="color:#3333ff;">Delivered by</span> <a href="http://feedburner.google.com/" target="_blank"><span style="color:red;">FeedBurner</span></a></b></p></form>
Note: Replace the highlighted texts DigitOfDigitalEye with your FeedBurner URL.
Design-(7)
Codes:
<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <style>#btrix-newsletter{ width:290px;background:#2e3639; mcolor:#fff; padding:20px; font-size:14px; margin-bottom:20px; -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px #000000;border:double 5px #000000;-moz-border-radius-topleft: 5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #btrix-newsletter .btrix-title { margin-bottom:10px;margin-top:-10px; }.btrix-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;} #footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;left:135px;}.footer-submit-btn {margin-left:50px;margin-top:-5px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer;}.footer-submit-btn:hover { background:#e51111;} #fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none;box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}#fastsearch.inactive ,#footer-subscribe-email.inactive {color:#b5b7b8;}#footer-subscribe-email {width:100%;}#sb-nl-members-count { font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -36px 0 ;display:inline-block;</style> <div id="btrix-newsletter"><div class="btrix-title">Get Email Updates</div><div class="btrix-nl-text"><center>Subscribe to Get Latest Updates Free</center></div><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DigitOfDigitalEye ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Your email address" /><input name="uri" type="hidden" value="DigitOfDigitalEye" /><input name="loc" type="hidden" value="en_US" /> <div id="sb-nl-members-count"><table border="0"><tbody><tr> <td style="padding-right: 4px;"><a href="http://twitter.com/ digitof" target="_blank" title="Follow Me On Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_dzwF3kZ0Mlba2-Fg6APZFNtSLcO95TgPnlhlALMAhqd4UtY4emCnUW7YlSAYbq2ZEfwYUKk1oE6uQsAKAk1Swruh9H_Co2NUXQiJuwTBQV0qQ8K69H0SPxcwHD9DjeL-4ysQucqjoXY/s1600/bloggertrix.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/DigitOfDigitalEye" target="_blank" title="Subscribe Via RSS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho3N_vVvocNsba1rzYvKGwSItWY-Qkm_S7vrdtuTtYOGl2dfp_4T1IBzGQSqFpDrk0w2ZkO5Tx906NFRM7fSWVKl2JlGrolfp6CNlW-g4r4F67YMGbgynvk9YrmxwDoIeC5oyu5FS_d4A/s1600/bloggertrix.com-rss-icon.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="http://www.facebook.com/digitdigitaleye" target="_blank" title="Find Us On Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8cVTfQcxy_XI_5rMzDJBfYYD0mnqGBQw6z-TkJo6qimUS_Je-k7g7K6J29GJAEuOJOUCJ-PNBPUYamTfLIvUi6buGQGzP87G-praMyJWukkmwQk-yv2nAWF48M6rTABMOGilt6ook7l8/s1600/bloggertrix.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="https://plus.google.com/
108419298653223354465/posts " target="_blank" title="add me on google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZTD1zaSBoPQjkCSaMLj8XCdtkwyfEpN4efxtCSDhmJ487Wc5PABBgXViZOly2oZ5tX0LchstMt_TqKIQQB_uDQkJKif2jDa9hxJhmxOnDGWfE79ozXOcn7r9PF12LmJAu1H1HJIwWo8/s1600/bloggertrix.com-google-icon.png" style="height: 25px; width: 25px;" /></a></td> <td style="padding-right: 4px;"><a href="http://youtube.com/channel/UCCFrg8NbRCP1M582CNH0K-w" target="_blank" title="youtubr subscribe"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-iK_IgC3iiFiV1tzUrFe0xNVi8BbqiEEzOlLCTyCG-mCoBoTb_BtDaMgiDDoX5CmiFNzvLGk1qImCpb_ow95ROsGhSB8g1TP1X8kC-VZhtM6TiuSF7DqGfR6ELK9o_UP0L6FNyFw_GCY/s1600/bloggertrix.com-youtube-icon.png" style="height: 25px; width: 25px;" /></a></td></tr></tbody></table></div><input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Subscribe" /> <div class="clr"></div></form></div></div></div>
Note: (1) Replace the highlighted HTML texts DigitOfDigitalEye with your FeedBurner URL.
(2) Replace this highlighted HTML text digitdigitaleye with your Facebook ID.
(3) Replace this highlighted text digitof with your twitter ID.
(4) Replace this HTML text 108419298653223354465/posts with your Google ID.
** If you face any problem, please leave comments to the comment box without any hesitating. I will try my best to help you every time.
No comments:
Post a Comment