How To Add Twitter Follow me Button to Blogger/Website

Posted by Lasantha Bandara File Under : button, twitter 10 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.

10 thoughts on “How To Add Twitter Follow me Button to Blogger/Website

  1. @Priteh Taral

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

  2. 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 ;_;

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.