Saturday, September 5, 2009

Add Email This Post Link / Form to Blogger Blog

The advantage of having "Email this Link" on each post of your blogger post is, this prompting users to share what they saw with friends or keep it in their mail box for feature reference. In both cases, we are getting advantage of a flooding traffic.

"Email this" is not nor quite similar to "subscribe by email link" which users subscribe to your feeds. Email this only emails the single post chosen by reader.Email This Post Widget

  • Add Email This Using Blogger Own function:
So far, this is the easiest method to append an email button to the end of each post.
  1. In Blogger "Layout" navigate to the "Page Elements" tab.
  2. Click the Edit link on Blog Posts (Blogger Post Layout section)
  3. A popup menu will appear, Under Select Items check the box "Show Email Post Links"
  4. Click Save

  • Using Add This Button. Task Manager Enable
Add this is one of my favorite all in one social book marking solution, which helped me lot to minimalist and reduce the clutter of having lots of buttons. You can see live example for this button at the end of my each post. Finally add this newest beta version really amazing. I love it.

  • Using Tell a Friend Form
Tell a Friend form is giving straight forward way to users entering the email address of their friends and sends the mails with your post URL.

Here are some parts which you can edit if prefer.

This is mail Subject = Hay buddy, take a look at this.
The Mail Body = Hi:\n You may want to check out this site

<script language="JavaScript">

<!-- Begin

//Script by TrĂ¥nn: http://come.to/tronds
//Submitted to JavaScript Kit (http://javascriptkit.com)
//Visit http://javascriptkit.com for this script

var initialsubj="Hay buddy, take a look at this"
var initialmsg="Hi:\n You may want to check out this site: "+window.location
var good;
function checkEmailAddress(field) {

var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\.info)|(\.sex)|(\.biz)|(\.aero)|(\.coop)|(\.museum)|(\.name)|(\.pro)|(\..{2,2}))$)\b/gi);
if (goodEmail) {
good = true;
}
else {
alert('Please enter a valid address.');
field.focus();
field.select();
good = false;
}
}
u = window.location;
function mailThisUrl() {
good = false
checkEmailAddress(document.eMailer.email);
if (good) {

//window.location = "mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&amp;body="+document.title+" "+u;
window.location = "mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&amp;body="+initialmsg
}
}
// End -->
</script>


<form name="eMailer">
Tell a friend:
<input type="text" name="email" size="26" value=" Enter Address Here" onfocus="this.value=''" onmouseover="window.status='Enter email address here and tell a friend about this site...'; return true" onmouseout="window.status='';return true">
<br />
<input type="button" value="Send this URL" onmouseover="window.status='Click to send an email (with this page address) to a friend! Enter email address above...'; return true" onmouseout="window.status='';return true" onclick="mailThisUrl();">
</form>

0 comments:

Post a Comment