Jan
14th

WordPress and FeedBurner: Email This

Josh Colter (a new co-worker) emailed me the other day and asked if I had an “Email this” capability on my blog to email a specific blog entry to a friend of his.

This is not an inherent capability in WordPress, but I thought I remembered seeing it in FeedBurner. Sure enough, the smart folks over at FeedBurner added the capability to their application so that you can add this functionality to your website.

As with most of FeedBurner, my only complaint is actually finding the functionality. You’ll find it in the Optimize section under FeedFlare:
FeedFlare

You’ll notice that there are 2 selections… one for your feed and one for your website. To add the selected links to your website, you’ll need to grab the appropriate code from the bottom of the page. Select WordPress in the list and you’ll get the code you need. I added the code to my Single Post page under the content.
FeedFlare Get Code

Here’s an additional tip for you… you can actually modify your style sheet and decorate the links as well. You’ll notice that I’ve added a little email image (from FamFamFam) to my FeedFlare using the following style:

.feedburnerFlareBlock {
background:url(’images/email_go.png’) left center no-repeat;
display:block;
padding:2px 0 2px 20px;
}

To see it in action, take a look at this post in its own page. You’ll see the Email This link under the content.
FeedFlare Email This

What’s also nice about this functionality is that FeedFlare has dozens of other flare that you can add in their repertoire. No need to recode your site… just change it on the fly in FeedBurner!

RSS feed | Trackback URI

13 Comments »

Comment by no imageAbhijit Nadgouda (SezWho)
2007-01-14 23:27:16

I had completely missed it. Thanks for pointing it out.
Rate this:
2.9
 
Comment by no imageStephen (SezWho)
2007-01-15 02:40:02

Thanks again for all of the help today, Doug. I am looking forward to you being my mentor next year.
Rate this:
2.9
 
Comment by no imageDean Taplin (SezWho)
2007-01-15 15:35:44

Nice to see the Feedburner Flare code in action. I like the email icon next to the link. I may play around with this later. What I like is that it adds consistency between what a reader sees if they visit your blog and what they see if they’re reading your blog via a news reader. They get the same links at the bottom of each post.

I’m currently using this plug-in to add links like del.icio.us and digg:
http://www.twistermc.com/shake/wordpress-social.php

Rate this:
2.9
 
Comment by no imageJosh Colter (SezWho)
2007-01-19 22:04:58

Thanks, Doug. I had never heard of FeedBurner before. Great post!
Rate this:
3.0
 
Comment by no imageAl Pasternak (SezWho)
2007-01-22 09:05:46

Hi Doug,

While I’m familiar with HTML standards, as a new WordPress user I’m stumped for the moment. In what files do you add the Feedburner code to?

Same question to Dean re: Wordpress Social.

Thanks,

Al

Rate this:
2.9
 
Comment by no imageDouglas Karr (SezWho)
2007-01-22 09:16:55

Hi Al,

Within my theme, I added the script code within the single.php page. That’s a ’single post’ page. Hope that helps! It’s really dependent upon your theme.

Warmest Regards,
Doug

Rate this:
2.9
 
Comment by no imageDean Taplin (SezWho)
2007-01-22 12:07:54

Al - Looks like you already figured out how to implement the WordPress Social plug-in :-)
Rate this:
2.9
 
Comment by no imageAl Pasternak (SezWho)
2007-01-22 12:44:04

Hi Dean,

Thanks. Can I make the Email this and Social go side by side with a table or is there some other CSS trick?

Al

Rate this:
2.9
 
Comment by no imageDean Taplin (SezWho)
2007-01-22 14:51:10

That might be possible. You could email me a snippet of your single.php code (the bit where you’ve currently got the ‘email this’ and ’social’ code) and I’ll see what I can do?

Regards,
Dean.

Rate this:
2.9
 
Comment by no imageDean (SezWho)
2007-07-01 03:56:10

Thanks Doug, I have been googling for a wp plugin in to do this but I was obviously looking in the wrong place. Cheers
Rate this:
1.6
 
Comment by no imageNick (SezWho)
2007-09-27 18:13:55

Hi Doug,

Thanks for this - I had the flare set up already but as a newcomer to CSS I was stumped trying to add the icon alongside the text.

Nick

Rate this:
2.8
 
Comment by no imageMatthias (SezWho)
2007-10-24 05:27:27

While this is a nice and easy way to add this functionality, I just wanted to point out the that you should be careful where you put the code.

One of the blogs I’m taking care of as a developer has it on the main index, with 20 posts. Because the little script that inserts the “email this” or whatever you choose is loaded with every post, it takes about 5 seconds longer for the page to complete loading. Not too great on a picture-heavy blog.

Rate this:
1.6
 
Comment by no imageJeff (SezWho)
2008-05-08 14:35:36

Hi Doug,
I posted my code in the index.php file right about ‘metadata’ to no avail. any ideas why?
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

My Comment Policy: I moderate comments. Please be patient:

  • Spam will happily be destroyed.
  • Use your real name, not some keywords. Otherwise it will be destroyed.
  • Mean comments aren't necessary. If I don't post them I will reply personally to let you know why.
  • Lewd comments will be edited, I don't want my readers leaving because of offensive content.
Great debate, criticism and colorful commentary is always appreciated and approved!