Wednesday, December 23, 2009

Adding and customizing the retweet button for better appearance

typeofretweetbuttons 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

No comments:

Post a Comment