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.




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 src='' type='text/javascript'> </script>




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 = '';

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


*Tutorial Completed


Source: tweetmeme, twitter

Labels: , , ,


Post a Comment

Subscribe to Post Comments [Atom]

<< Home