Author: Aky

In a recent update from Facebook which now allow publishers to add Send button on website or blog. Almost everyone on internet has a facebook account and too have a social circle around the globe. Using a new send button user can share information in their network. In a recent post I explained about the Tell a friend button for WordPress, and facebook send button is quite similar to it. In the article we will learn to add new Facebook Send Button on WordPress blog.

How Facebook Send Button Works ?

The new facebook send button allows users to share your content with their friend using an email to any email address or inbox them on Facebook. A user can also mention the name of the Group and post the URL on the group wall.

Facebook Send Button Code

In WordPress blog, effective placement for send button is on single post, as usually a visitor will only share it after go through the post. Below is the send button code for WordPress to add facebook send button on single post and you can add the code in single.php file.

Make sure you take full backup of single.php file using FTP before modifying it.

[php]
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:send href="<?php echo get_permalink(); ?>" font=""></fb:send>
[/php]

Is that it ?

No it is not. The above code snippet will just add Send button on your WordPress blog, but so far I believe this method will not be that effective, as Stand Alone Send button will be less prominent. But, if we combine and add a Facebook Like  Button with Send Button and it will increase your Like Counter as well. Below is the code snippet to add facebook send and like button together, and you can add the code in single.php file.

Make sure you take full backup of single.php file using FTP before modifying it.

[php]

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="<?php echo get_permalink(); ?>" send="true" layout="button_count" width="300" show_faces="true" font=""></fb:like>

[/php]

Now, the above code will add Like button followed by new send button. I hope facebook send button will be effective for visitors and sharing information around their networks will be flexible now. Let us know about this new development from facebook by posting a comment below.

If you have any query or require further assistance, you can post comment as your feedback.

We often find stories and interesting articles online which are worth sharing with friends. Mostly people never miss sharing product reviews, special discounts and offers on website. Tell a friend button  is used to share article with your friends by personal email. Tell a friend button is also known has Email This button, which is similar to share button like tweetmeme button, facebook like or linkedin.

There are many plugins made to add Email button on WordPress, but depending upon third party plugins for simple code is just waste of resources and increasing server load by php calls. In this article, we will learn how to add tell a friend button without plugin in WordPress blog.

Tell a Friend Button Code

The analogy behind is that on click of the button, it will open a default email software and will add subject, link of the article and will prompt to enter friend’s email address. Below is the Email button code for WordPress, and you add the code in single.php file.

Make sure you take full backup of single.php file using FTP before modifying it.

[php]

<a class="email-share" href="mailto:?subject=Check this out&BODY=I found this article interesting and thought of sharing it with you. Check it out: <?php the_permalink(); ?>" target="_blank"></a>

[/php]

Once done editing the php file, now apply some CSS on it. Copy-Paste the below code snippet in style.css file.

[css]

.email-share{
background:url(‘images/email.png’) no-repeat;
width:97px;
height:23px;
display:block;
margin:10px 20px 10px 0;
}

[/css]

Download the the following image, by right clicking and Save Image as.. “email.png”

Place the downloaded image in the Theme Directory as {theme folder}/images/email.png

We are done!

After adding all code snippets, refresh the website and open any blog post, and you can see the email button demo below:

Email button Demo:

On click of above button, it will send the link of this blog that is cms.thecreatology.com/ to the email address you enter.

If you have any query or require further assistance, you can post comment as your feedback.