Four must have social media share buttons

http://blogspotvision.com
socialshare.jpg
With millions of other blogs on the internet trying to compete for PR, it’s almost impossible for your website to show up on searches, let alone be deemed relevant by search engines such as Google and Yahoo. If you want to compete with other sites in your niche, one approach you can take is by adding the top social networks share buttons to your site. This allows your readers, who is already interested in your content, to share what they find interesting on your site with their friends. This is one method to target your audience and find people who is actually trying to find your information.
To add these social media share buttons, just copy and paste the section codes below to where you’d like the buttons to appear.
Facebook Share Button

<div style='float:left;padding:1px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

Twitter Re-tweet Button

<div style='float:left;padding:1px;'>
  <script type='text/javascript'>
tweetmeme_style = &#39;default&#39;;
tweetmeme_source = &#39;blogspotvision&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
  <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

Digg This Button

<div style='float:left;padding:1px;'><script type='text/javascript'>
digg_url=&quot;<data:post.url/>&quot;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

Google Buzz Button

<div style='float:left;padding:1px;'><a class='google-buzz-button' data-button-style='normal-count' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/> </div>

Check out what it’s done for http://blogspotvision.com at alexa.com.

Adding and customizing the retweet button for better appearance

The TweetMeme retweet button is for website and blog publishers who wants to encourage their audience to tweet their content on Twitter. The button also shows a live count of the number of times your webpage or blog post has been tweeted.

 

Directions

 

Step 1: Under the Layouts > Edit HTML tab, insert the following section code below

 

To have it under post titles or above postings

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

 

To have it under postings where the post footer is

right after <div class='post-footer-line post-footer-line-1'>

 

<div class='tweetmeme' style='float:left; margin:0;padding:0;'>
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_source = &#39;blogspotvision&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

 

Configuration

 

tweetmeme_style = &#39;compact&#39;;
- this variable can either be compact, for a compacted size retweet button or you can remove the entire variable for the default sized appearance

 

tweetmeme_source = &#39;blogspotvision&#39;;
- this variable, by default, will be in the format of “RT @tweetmeme <title> <link>”. You can, however change the button to retweet your user account. By specifying the variable parameter in the script to “RT @yourname <title> <link>”.

 

tweetmeme_url = &#39;<data:post.url/>&#39;;

- this variable defines the url to post for on your twitter, you can modify it to a certain url if you want.

 

Additional variable

 

tweetmeme_service = 'bit.ly';

- this variable defines the tiny link service used to display your tweeted link. If you prefer to have tr.im as the URL shortened link, just change “bit.ly” to “tr.im”.

 

*Tutorial Completed

 

Source: tweetmeme, twitter