Monday, March 9, 2009

Email Form Subscriber Placed Under Post

I am sure you already know about the Email Form Subscriber. Now I will explain how to put this widget blog under your article. Very easy to do. See the code below.

<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kangandre', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Insert Your Email Address';}' onfocus='if (this.value == 'Insert Your Email Address') {this.value = '';}' type='text' value='Insert Your Email Address'/><input name='uri' type='hidden' value='kangandre'/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='Subscribe'/></form>

That is an example of HTML code from Subscriber Email Form that I have. So that the widgets that can appear under the blog posting to us, follow the steps below.


  1. Log in with your Blogspot account.
  2. Go to Layout
  3. Go to Edit HTML.
  4. Mark on Expand Template Widget.
  5. Find this code in your template.

    <p><data.post:body/></p>

  6. Paste your Email Form Subscriber code under <p><data.post:body/></p>. Example like this.

    <p><data.post:body/></p>
    <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kangandre', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Insert Your Email Address';}' onfocus='if (this.value == 'Insert Your Email Address') {this.value = '';}' type='text' value='Insert Your Email Address'/><input name='uri' type='hidden' value='kangandre'/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='Subscribe'/></form>

  7. Your job is not complete. Email Subscriber Form so that this does not huddle with the blog article, we give "Enter" effect with add <br/> as much twice, so that the results be like this.


    <p><data.post:body/></p>
    <br/><br/><form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kangandre', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Insert Your Email Address';}' onfocus='if (this.value == 'Insert Your Email Address') {this.value = '';}' type='text' value='Insert Your Email Address'/><input name='uri' type='hidden' value='kangandre'/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='Subscribe'/></form>

  8. Then click Save Template



Now go to your blog articles and at the bottom of the article will look your Email Form Subscriber. Ok, happy blogging!!!

0 comments:

Post a Comment