Parameters for tweeter buttons

There are parameters (options) for three retweet buttons counters: Tweetmeme, Backtype and Topsy. You can get more control over your tweet buttons with options listed for those three tweet counters.

Find answers how to:

• change the @username who is tweeted


• change the size of the button


• what to do when the URL is different from the current URL

If you are interested in implementing twitter button on blogspot check Add twitter retweet button to blogger.

Tweetmeme options

Parameter	Description
tweetmeme_url	sample value - 'http://yoururl.com'. If you want to place the button on more than one page or would like it in your feed, you will need to override the URL. Commonly used for blog posts, sample value for blogger '<data:post.url/>'. '<data:post.url/>' code link tweet counter to every post on blogger blog.
tweetmeme_source	By default the RT button will direct you in the format of "RT [@tweetmeme] [blog post title] [link]". You can, however change the button to retweet your user account. By specifying the tweetmeme_source parameter you can change the format to "RT [YOURNAME] [blog post title] [link]". Of course you [YOURNAME] will be value of tweetmeme_source parameter.
tweetmeme_style	value can be 'compact'. If you want compact button include tweetmeme_style='compact' code. Don't include this code if you want more bigger button.
tweetmeme_service	with this option you have ability to chose any URL shortener service you like. Sample: tweetmeme_service = 'tr.im';

Sample code for tweetmeme options:

<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_source='BlogAndSEO';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Backtype parameters

Parameter	Description
tweetcount_url	the URL to measure tweets for
tweetcount_title	title of the page for retweets
tweetcount_src	Leading text for retweets
tweetcount_via	If tweets contain '(via @BackType)', true or false
tweetcount_size	Size of button, 'large' or 'small' value
tweetcount_links	if links should be opened in new windows, 'true' or 'false' value
tweetcount_short_url	specify the pre-shortened URL that you would like to use
tweetcount_background	Button background color (for example 'CCCCCC')
tweetcount_border	Button border color (for example 'FFFFFF'))
tweetcount_text	Button text color (for example '000000')
tweetcount_api_key	Awe.sm API Key for custom URL shortener

Sample code for BackType tweeter button

<script type="text/javascript">
    tweetcount_url = 'http://interestingwebs.blogspot.com/2010/02/add-twitter-retweet-button-to-blogger.html';
    tweetcount_title = 'Tweetcount Parameters';
    tweetcount_src = 'RT @BackType:';
    tweetcount_via = false;
    tweetcount_links = true;
    tweetcount_size = 'large';
    tweetcount_background = 'FFFFFF';
    tweetcount_border = 'CCCCCC';
</script>
<script type="text/javascript" src="http://widgets.backtype.com/tweetcount.js"></script>

Topsy configuration topsy

Parameter	Description
topsy_theme	can be set to any of the following themes to change the button colors (see above for examples): brick-red, brown, monochrome, jade, light-green, sea-foam, mustard, hot-pink, blue (the default theme).
topsy_nick	should be set to the Twitter username that you want to appear in retweet text (without an @). If this variable is unset, the button will use “TopsyRT” as the Twitter username.
topsy_style	can be set to "big" if you want a large button. If this variable is unset, a small button will be displayed.
topsy_url	sets the URL to be retweeted. By default the button will use the URL of the page it is embedded in, but if you want to use a different URL, define it in this variable. Topsy will shorten the URL for you in the RT text.
topsy_shorturl	sets the shorturl to use in retweet text. If you do not pass your own shorturl, Topsy will shorten the URL for you in the RT text.
topsy_title	allows you to define the RT text used by the button. By default the RT text will be the title of the page the button is embedded on.
topsy_order	sets the order the small button elements will be displayed in. This variable must be a comma-separated list of three items: “count”, “retweet”, and “badge”. Whatever order you place those items in, that’s the order they’ll appear in. Badge refers to Topsy TopLinks badges, which are displayed for pages that are in the Topsy Top5k or above.
topsy_tweet_text	sets the text of the tweet button when there are no tweets yet.
topsy_retweet_text	sets the text of the retweet button when there have been tweets.

Example Javascript code with a large Topsy button:

<script type="text/javascript">
     var topsy_nick = "TopsyRT";
     var topsy_style = "big";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script>

Approve comments on blogger

Blogger owners who want to moderate comments on their blog will find this guide useful. You can moderate comments on blogger before it goes live on blog. This is handy for control comment spam. Blogger administrator can accept or reject comment before comment is published. Here you will find step by step instructions how to enable comment moderation.

Also, this post give answer how to find out to which post unpublished comment is connected. For example I have one unpublished comment and want to learn to which post it will be published.

How to enable comment moderation

• In blogger dashboard comment moderation setting can be found under the Settings|Comments tab


• for comment moderation setting chose always
  
  


• save settings


• now under Posting tab you can go to Comment Moderation and review new unpublished comments


• if comment is appropriate you can publish it. Or reject if you think it is a spam


• when comment is published you can (as blogger owner) delete it. There is no option for blogger administrator to modify comments

Find out post name where comment will be published

To learn to which post a comment will be published on blogger in the Comment Moderation window click Post Name link (Sort: Post Name, Comment Date). You can see this link on the image from begging of this post. After you click on Post Name link sorting, Post name will become visible.

Add twitter retweet button to blogger

Learn how to add tweet retweet button and counter to every post on your blogspot blog and show the number of times your posts have been linked on Twitter and let readers retweet. Here you will find guide how to add retweet button to the top or a bottom of your posts and how to align retweet button on left or right side of your posts. You can choose one of three retweet counters (tweetmeme, backtype and topsy) described in this article. You will also find advantages and drawbacks for each one of those three retweet counter services.

Tweeter button looks like this button on the picture below:

Retweet buttons

You can choose one from various Retweet button counters. In this section you can find short description and demo of three most popular retweet buttons. Here you can also find code needed to paste inside blogger template to implement retweet button for each post in your blogger blog.
One option is to give visitors option to tweet your post from AddThis button.

Tweetmeme

In my opinion Tweetmeme is most popular retweet counter service on the internet.
Sample:

Advantages:

• when retweet is clicked small popup window is open, after retweet is done counter is automatically updated without reloading web page


• Tweetmeme is very popular


• can be customized with parameters

Drawbacks:

• visitor who tweet visited page with Tweetmeme for first time is asked to connect TweetMeme and Twitter together, this can turn off some vistors to tweet your post

Code for one retweet button per post page on blogger:

<script type='text/javascript'>
tweetmeme_source = &#39;[TwitterUserName]&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>

You should replace [TwitterUserName] with your twitter user name and code is ready to paste in Edit Template. For further instructions where to put code go to section Where to add Twitter button code.

Backtype retweet counter service

Demonstration:

Advantages:

• easy to implement, no need for define url parameter for individual posts


• link directly to twitter, no need for approving connect twitter with some other application


• appearance can be changed with parameters tweetcount_background and tweetcount_border

Drawbacks:

• less popular then Tweetmeme


• without automatically refreshing counter like with Tweetmeme, when retweet is clicked twitter is opened instead of page with retweet button (this can be changed with parameter tweetcount_links)

Code for retweet counter on every post page at your blogger blog:

<script src='http://widgets.backtype.com/tweetcount.js' type='text/javascript'/>

Topsy retweet button
Demo:

Advantages:

• nice design


• link directly to twitter, no need for approving connect twitter with some other application


• find samples and help here

Disadvantages:

• tweet counter will not be automatically refreshed


• less popular then Tweetmeme

Code for retweet button on each post in your blogspot blog:

<script type='text/javascript'>
     var topsy_nick = &#39;[TwitterUserName]&#39;;
     var topsy_style = &#39;big&#39;;
     var topsy_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://cdn.topsy.com/button.js' type='text/javascript'/>

Replace [TwitterUserName] with your user name and you can paste this code in your blogger template to add retweet button in every post.

Where to add Twitter button code

You can add tweet button on the beginning of every post or on the bottom of every post. In HTML layout search for <data:post.body/> and paste the code just before if you want to have twitter button on the top of the post or after it for twitter button on the bottom of the post.

Here are step by step guide to add Retweet button counter to blogger:

• Go to Layout in your blogspot blog


• Click on Layout --> Edit HTML


• it is recommended to backup template on local hard disk before doing any change in edit template box


• check on Expand Widget Template checkbox


• find <data:post.body/>


• for Retweet button counter on the top of post add Retweet button code (for code check previous section of this article) before <data:post.body/>
  
  

  ...
  
  [TWITTER BUTTON CODE]
  <data:post.body/>
  ...
  



• or you can want Retweet button on the end of your posts, add Retweet button code just after the <data:post.body/>
  
  

  ...
  <data:post.body/>
  [TWITTER BUTTON CODE]
  ...
  

How to align Tweeter button counter left or right

To align your twitter button left use this code:

<div style='padding: 4px; float: left;'>
[TWITTER BUTTON CODE]
</div>

Code needed to align your tweeter button counter right:

<div style='padding: 4px; float: right;'>
[TWITTER BUTTON CODE]
</div>

Sample of code needed to add Tweetmeme to blogger on top of every post right aligned:

...

<div style='padding: 4px; float: right;'>
  <script type='text/javascript'>
  tweetmeme_source = &#39;[TWITTERUSERNAME]&#39;;
  tweetmeme_url = &#39;<data:post.url/>&#39;;
  </script>
  <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>

<data:post.body/>

...

Put code before <data:post.body/> and replace [TWITTERUSERNAME] with your Twitter user name.

And for the end here are one more sample for Backtype retweet counter on bottom of each post on blogspot left aligned:

...

<data:post.body/>

<div style='padding: 4px; float: left;'>
  <script src='http://widgets.backtype.com/tweetcount.js' type='text/javascript'/>
</div>

...