Related: How to Burn Blogger RSS Feeds at Feedburner
To add email or Feed Subscription Form to your blogger blog (blogspot) is very easy.
Just follow the next steps:
1. Log in to Blogger, then go to Layout > click on "Add a Gadget" link:
2. From the pop-up window, scroll down and click on the "HTML/JavaScript" gadget:
3. Paste the following code inside the empty box:
<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKIkI_0MWoNvVHfeSlz_m4O2AEV2PpR5WdQez9F3BN675_3TREJxS3USTW8t9eBhdD5vf2Timw6_axExqpVhoblIRsZes-4Q39jglHCAVcKNy9sjhkK9dXcq-bXagmV4UpQLrh0K6r9Bg/s1600/mail.png) 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;
}
.hl-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;
}
.hl-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:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=helplogger', '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="helplogger" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>
Settings
- Replace the url address in green to change the email icon
- To change the width or the text area, increase/decrease the 130px value in red
- replace http://feedburner.google.com/fb/a/mailverify?uri=helplogger with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to "Publicize" and then to "Email Subscriptions".
- Replace helplogger with your feed title. It appears at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=helplogger
4. Now Save your widget and check your blog. Enjoy!
Insurance Blogs · Mortgage Adviser STRUCTURED ANNUITY SETTLEMENT Mortgage Insurance Online Classes ACCIDENT AND INJURY ATTORNEY · PaperPort Promotional Code eCommerce sites Conference Call Loans domain registration yahoo Data Recovery Services DUI ATTORNEY ORLANDO Donate Car to Charity California Cord Blood Trading Lawyer Classes Credit Software Treatment Recovery Bluehost Transfer Donate mesothelioma claim MOTORCYCLE ACCIDENT ATTORNEY LOS ANGLES Hosting Claim iPage Mesothelioma Law Firm Rehab Attormey donate old cars to charity CRIMINAL DEFENSE ATTORNEY PALM BEACH Loans And Donation structured settlement buyer Degree Web Hosting and Domains Gas/Electricity Attomey Auto insurance affiliate program SELLING A STRUCTURED SETTLEMENT ANNUITY Technology Donate Car for Tax Credit ANNUITY SETTLEMENT Business Donate your car for kids Technology Blogs NUNAVUT CULTURE DAYTON FREIGHT LINES mesothelioma survival rates structured settlement annuity companies mesothelioma attorneys california structured settlements annuities mesothelioma suit Geographical Location of the Visitors small business administration sba Blogs Based On Donations Health
0 comentarios:
Publicar un comentario