Add email subscription to Blogger Blogs
How to Add email subscription to Blogger Blogs
Blogger is a great platform and has many features and is the most prevalent platform in the world and the best in terms of customization, design and ease.
Add Email Subscription Add a feature that allows visitors to your blog to receive e-mail notifications of new topics on your blog.
 |
| إAdd email subscribe to Blogger |
The add-in is in the existing form, and you can customize it as you want if you have some experience in HTML and CSS.
In this publication, you can study and explain in detail how to add an email subscription to a blogger
Just follow the steps and apply them
How is that ?
- 1- You will log into your Blogger account and head to the blog to add the gadget to :
- 2- Go to : Layot > And then to where you want the extension to appear : > Add a Gadget > HTML/JavaScript :
 |
| Illustrative image |
- 3- Copy the code below :
<style>
#HMH-FeedBurner {
background: #;
border: 0px solid #;
padding: 14px 0px 0px 0px;
text-align: center;
}
#HMH-FeedBurner input[type="text"] {
border: 0px solid #;
font-size: 10px;
margin: -5px 0 10px 0;
padding: 10px;
width: 80%;
border-radius: 6px;
}
#HMH-FeedBurner input {
box-shadow: 0 2px 2px #BBBBBB;
-moz-box-shadow: 0 2px 2px #BBBBBB;
-webkit-box-shadow: 0 2px 2px #BBBBBB;
}
#name {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyj4-ND8QQTpGDBE_9_GU8-fytUNybmVMSbz8HW88Vm-MdrtArHJptVOen1t531VdHOz0ou3nX-eodXD7gUfXiono8n_cnUAMiVqS0LsWDHFVvZBe0uoCca2jAXyOppEzZ8fjDox9QA3k/s1600/Asset+15%2540222x.png) no-repeat scroll right center #FFFFFF;
}
#email {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJNCG_cAmpbS_ra1saqd4-GfwwGeitcK12BUSSkkSzHSb0oXm2Ctui6boKTIdllhFS1H1YHD-S6aUmagUAB6i1qD2WGJRdW6D0cZK3HVttCU8u-rkKancPEqQc61Fvb8BUppnEANlxSGB2/s1600/Asset+14%2540222x.png) no-repeat scroll right center #FFFFFF;
}
#HMH-FeedBurner input[type="submit"] {
background: #0a4650;
border: 2px solid #0d5f6d;
color: #ffffff;
cursor: pointer;
font-size: 16px;
font-weight: bold;
height: 40px;
margin-top: -1px;
padding: 8px 0;
text-transform: capitalize;
width: 94%;
border-radius: 6px;
}
border-radius: 6px;
#HMH-FeedBurner input[type="submit"]:hover {
background: none repeat scroll 0 0 #005588;
}
.art-blockcontent {
padding: 0px;
}
<!-- Follow by Email https://bttemb.blogspot.com -->
</style>
<!-- HMH.pe FeedBurner Subscription Form -->
<div id="HMH-FeedBurner">
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bt-temblates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" name="uri" value="bt-temblates" /><input type="hidden" value="en_US" name="loc" />
<input type="text" id="name" name="name" onfocus="this.value=''" value="Your Name" placeholder="Your Name" />
<input type="text" id="email" name="email" onfocus="this.value=''" value="Your Email Address" placeholder="Enter Your Email Address" />
<input type="submit" value="Subscribe Now" id="submit" name="submit" />
</form>
</div>
<div align="center">
<br />
</div>
<div align="center">
<a href="http://www.facebook.com/bttemb" target="_blank" medium;"="" font-size:="" roman";="" new="" times="" style="font-family: "><img border="0" align="center" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ16w9ou1A4EIWz1KglS2mI_BI0nkyhH2974-JQDb54L5Mrm8wlK0iLldFuWWDDZzbYZTt73lD5SaUIE7a6p3DMkzBLuQFPYVA0GRoiCpohYRQ8fWvth-N71ABWgMUeAAiWnuEhlTmFFEZ/s1400/social+media+%25282%2529.png" style="width: 40px; height: 40px;" /></a> <a href="https://twitter.com/bttemblate" target="_blank" medium;"="" font-size:="" roman";="" new="" times="" style="font-family: "><img border="0" align="center" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlm7LGLdecm_SD7-yHGim_1B7PbfavVK3i2uFcVa6D-6WuBHxcR2jGWfn7SWETEVbBZnaPrQGLiDALmcULEf_E40oKH6zOFCVSZq_fLcX9_Y6x9MzxRgd8yOlPaaOtenwR2TuYnYBkHFx/s1400/social+media+%25283%2529.png" style="width: 40px; height: 40px;" /></a> <a href="https://plus.google.com/113543832299768734135" target="_blank" medium;"="" font-size:="" roman";="" new="" times="" style="font-family: "><img border="0" align="center" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqku0FOKR_0uocMNe9uYHkKnkBoNFgg5zqXPyf1vuwoYOhyDamWhRgi5stW891BUBQBrA2yseMLoRNtjNm84zNovLPUh9Lr6dLgMo3rmWlP-6mKW16LCYynSBYbFI3fW_O8sRROHOEyHGw/s1400/social+media+%25281%2529.png" style="width: 40px; height: 40px;" /></a>
</div>
- 4- Customize : Replace bt-temblates Place your username on feedburner.
- 5- (Place the code in the tool and then save and see the result).
No comments:
Post a Comment