How To Add Twittley Retweet Counter Buttons to Blogger

Posted by Lasantha Bandara on May 15th, 2010 File Under : bookmarks, button, twitter6 Comments

Twittley is a social network for users to find and share links on Twitter.Harness the power of social networks and viral marketing with the Twittley button. Millions of users use Twitter as a social network so it only makes sense to get your link out to those users.

When a Twitter user arrives at your site, they'll quickly see the distinctive Twittley button. When they click on the button your link will automatically be posted onto their Twitter status so all of their followers can then see the link. Your link will also appear on the Twittley web site where the community can then retweet and comment. All of this is done without the user leaving your site, Twittley does everything behind the scenes.

In this post I explain how to add a Twittley Retweet Counter Button to your blogger blog.If you like to add this Twittley retweet button to your blog then follow the steps given below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

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

4.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Twittley Retweet" bookmarking buttons code just before <data:post.body/> .

Code 1:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "0";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Code 2:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "1";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Code 3:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "2";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Code 4:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "3";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Code 5:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "4";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Code 6:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "5";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Code 7:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "6";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

5.Now save your template and you are done.

File Under : bookmarks, button, twitter

6 Responses to “How To Add Twittley Retweet Counter Buttons to Blogger”

  1. Beben says:

    wow..a lot choose for it...
    cool

  2. danger-boy says:

    thanks man ...

  3. Anonymous says:

    plz visit now www.onlinetips24.blogspot.com

  4. me says:

    Is there anyway to make it transparent or black background?

  5. remo says:

    Till yet i have only Gostats.com Hit Counter for my blogger blog.Now i am wondering to put some other buttons of some social networking sites. Twittley is good one for sharing links to twitter.I will definitely try this.Thanks for sharing.

  6. Suchismita pai says:

    Hi, love all the colourful options. The only thing is I cannot find either of the code pieces everyone mentions. I would appreciate any help I can get.
    Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.