This Post is for Add the stylish Mailbox for Email Newsletters for Bloggers. You have Follow the below 6 steps. Let's Add Email Newsletter.
- Create Feedburner Account
- Login to blogger account
- Go to dashboard
- Layout click on add a Gadget
- Select HTML/JavaScript
- Paste below code into the empty content box and then click a button.
Preview Here:
<!-- Copy Start Here -->
<style type="text/css">
#LS-Newsletter4-Box {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJuuVsrY50wODSrupRcNMZOE1AUenvGSkUz86XK0WWEjBxd_aNUX9SNHSBkswMwwMd-erVRvkvC8nTnyWoWabXYHn5bXusjqXZ2HPUL6lUheQei6AhEmeM_yCm51y5D8MEn8WOxR3Oqc/s1600/Newsletter-5.png)no-repeat scroll center center transparent;
height: 299px;
width: 408px;
}
form#LS-Newsletter4-Form {
display: block;
margin: 0;
padding-left: 71px;
padding-top: 63px;
}
form#LS-Newsletter4-Form #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 28px;
margin-top: 37px;
vertical-align: top;
width: 275px;
outline:0px;
position: relative;
left: -25px;
}
form#LS-Newsletter4-Form #d {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 28px;
margin-top: 38px;
vertical-align: top;
width: 275px;
outline:0px;
position: relative;
left: -25px;
}
form#LS-Newsletter4-Form #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 43px;
position: relative;
left: -36px;
top: 25px;
width: 144px;
border-radius: 5px;
}
</style>
<div id="LS-Newsletter4-Box">
<form id="LS-Newsletter4-Form" action="https://feedburner.google.com/fb/a/mailverify?uri=MyFeedAddress" method="post">
<input id="d" name="name" value="Enter Your Name"
onfocus='if (this.value == "Enter Your Name") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your Name";}'/>
<input type="email" id="s" name="email" value="Enter Your E-Mail"
onfocus='if (this.value == "Enter Your E-Mail") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail";}'/>
<input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnVhenZ8LD2PfH6hE2WYNrO-fN9nsvohOCml0eWhdBCcdQS8cwrxva620h_8omA-vEWiS830oEz9_2gc3wQKKLShkEDRyJjfRvV2CK-D-CM169Dgy4_v4OJPnkjT29Im9Ej6dj5zvrg8k/s1600/blank.gif" id="sbutton"/>
</form>
</div>
<!-- Copy End Here -->
Customize:
You need to change Feed burner address from MyFeedAddress to Your own address as My is MyBloggingTricks.
