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="http://getmailcounter.com/mailcounter/?url=http://yoururlhere.com&title=title 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 Blogger.com

2. Go to Layout > Edit HTML >

1

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

2

 

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

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

3

 
For Wordpress Users -

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


<?php
echo '<iframe src="http://getmailcounter.com/mailcounter/?url=';
urlencode(the_permalink());
echo '&title=';
urlencode(the_title());
echo '" height="64" width="50" frameborder="0" scrolling="no" ></iframe>';
?>

Mail Counter badge – Homepage

Continue Reading...

November 4, 2009

How to Add Orkut Share Button on Each Blog Post ?

Now you can share interesting content with your orkut friends easily, just by single click. The orkut Share API allows website owners to enable their visitors to share the content on their website, with visitors' friends on orkut.


Orkut_Logo_1


Users can share the content and optionally promote it to make recommendations to their friends, which then appears in their activity updates. Every such shared item has the potential to spread virally and get wider attention from orkut users, increasing the traffic to the website. Now lets see how to add Orkut sharebutton on each blog post ?
How to add orkut share button ?

For Blogger Blogspot -

1. Login to your dashboard.

2. Navigate through :Layout >> Edit HTML

3. Click on Expand widget template (before making changes to your blog - backup the current template)

4. Use your browser search to find </head> and place the below code above </head>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = 'Interesting Page!';
params[google.orkut.share.Field.DESTINATION_URL] = 'http://example.com/';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>

5. Now change the codes which is in red to your blog address - http://example.com/ to your blog address.

6. Now add the button near your Retweet button -


ss
7. Search for this line -

<div class='post-header-line-1'/>

8. Now Paste the following code below this line

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://i50.tinypic.com/30afg2w.gif" alt="Share Orkut" />
</span>

9. You can use text version of this button by using this code instead of above code which uses image :

<span id="orkut-share" style="cursor:pointer; border:1px solid black">
Share on Orkut
</span>

10. Click Save Template and view your blog !


Shareorkut

(the above picture is made by me - if you want to have your own share button picture - you can change the image url which is given on red color on the above code.)

For Wordpress users -

1. Open header.php file of your theme file and enter below code above </head>


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = '<?php the_title() ?>';
params[google.orkut.share.Field.DESTINATION_URL] = '<?php the_permalink() ?>';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>

2. Update the page and Move to Single.php or any place where you put this Orkut Share buttonand place below Code.

<span id="orkut-share" style="cursor:pointer; border:0px solid black">
<img src="http://i50.tinypic.com/30afg2w.gif" alt="Share Orkut" />
</span>


You can see the shared content on orkut in your promotion page

share_promotion


and it also appears in your profile activity updates -

udpates 

Continue Reading...

 
Blogging Now And Then © 2009 Med ELJAMALI