How To Add Twitter Follow me Button to Blogger/Website

Posted by Lasantha Bandara on July 5th, 2010 File Under : button, twitter10 Comments

This tutorial will explain to you how to add Twitter Follow me Button to your blogger blog or any other web site.This service is provided by Tweetmeme.com.This Follow button is for website and blog publishers that want to encourage their audience to follow them on twitter. This button provides the interface to see the follower count of a particular user and a button which upon pressing opens the follow pop-up providing a number of different views and statistics about the user from additional services such as Twitter Grader, Twitalyzer and Twitter Counter.

If you are a blogger then follow the steps below to add this 'Twitter follow button' to your blogger post.

Twitter Follow Button

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 "Tweetmeme Follow Button" 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 "Tweetmeme Follow Button" code just before <data:post.body/> .

Code 1:

<div style='float:right; margin-right:10px;'>

<script type="text/javascript">
tweetmeme_screen_name = 'yourtwitterusername';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/follow.js"></script>

</div>

Result:

Code 2:

<div style='float:right; margin-right:10px;'>

<script type="text/javascript">
tweetmeme_screen_name = 'yourtwitterusername';
tweetmeme_style = 'compact';
</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/follow.js"></script>

</div>

Result:

Code 3:

<div style='float:right; margin-right:10px;'>

<script type="text/javascript">

tweetmeme_screen_name = 'yourtwitterusername';
tweetmeme_style = 'square';
tweetmeme_size = '50';
</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/follow.js"></script>

</div>

Result:

NOTE : Remember to replace yourtwitterusername with your real twitter username.

If you are not a blogger,you can too add this code simply your website.

5.Now save your template and you are done.

File Under : button, twitter

10 Responses to “How To Add Twitter Follow me Button to Blogger/Website”

  1. Damar says:

    Nice button ^^

  2. Priteh Taral says:

    Thanks , but how to change your photo by my photo

  3. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Priteh Taral

    You do not want to change any photo.Add your twitter username into the code.Your image will show automatically.

  4. Beben says:

    i have writed about it...xixixiix ;)) 😀
    keep posting my friend

  5. Mellowman says:

    can u help me with making a html code for the follow button for blogspot coz I can't seem to find any for it ;_;

  6. Blogger Tips And Tricks|Latest Tips For Bloggers says:

    @Mellowman

    Read this:

    https://www.bloggertipandtrick.net/2009/12/follow-this-blog-link-to-blogger-post.html

  7. Peter says:

    thnaks

  8. produk elektronik casio says:

    i tried to put into my site http://casioproduk.blogspot.com/.thanks

  9. Choerul Afifanto says:

    Visit my blog at http://choerulafifanto.blogspot.com

  10. Choerul Afifanto says:

    if the email for twitter and blogger is different, how is the effect?

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.