November 10, 2009

How to Add Email Share Button on Each Post?

We have already seen on how to add orkut share and facebook share button for each post, this time we are going to see, how to add email share button on each post. With this button, readers can easily share the article with their family and friends via Email service.

4 The MailCounter badge gives visitors to your blog an easy way to share your content via email. In fact, this is the fastest and easiest way to email an article! Every time an email is sent this way the badge will auto-update and show you the live number of times someone clicked the email link. Simple, easy and elegant.

If you're a Blogspot User - then Embed this code on your template :

Make sure you enter the right URL and description where the blue lines of text are:

<iframe src=" of your page here" height="64" width="50" frameborder="0" scrolling="no"></iframe>

How to Add this Button on each and every post ?

1. Go to

2. Go to Layout > Edit HTML >


3. Save a copy of your template, so that if anything happens while editing you can restore it.

4. Now click on Expand Widget Templates and Search for



<div class='post-header-line-1'/>
5. Now Paste the following code below this line
<div style='float:right; margin-left:10px;'>
<iframe src=" of your page here" height="64" width="50" frameborder="0" scrolling="no"></iframe>

6. You're Done !! Now save your template and Enjoy Sharing via Email !! 


For Wordpress Users -

Add this to your single.php and index.php files in WordPress.

echo '<iframe src="';
echo '&title=';
echo '" height="64" width="50" frameborder="0" scrolling="no" ></iframe>';

Mail Counter badge – Homepage

Do you Like this Story..?

Get Free Email Updates Daily!

Follow us!

Do you Like This Story Widget For Blogger by Beautiful Blogger Widgets



Blogging Now And Then © 2009 Med ELJAMALI