How to Add Official Twitter Follow Button to Blogger Blog
Twitter Follow Button is Twitter Official button released, and is very similar to Retweet button but here it is Follow button with Single Click to follow on Twitter. there is another options included to show the Number of Followers in our Twitter accounts. The Button Comes with 9 Languages.
Demo :-
On Light Background
On Dark Background
How to Add Twitter Follow Button
- First Go to This Page
- There you will see a Form for you. Fill it with Required data!
- on right side, Copy the Widget Code
Add it On Blogger Sidebar
- Login to Blogger Dashboard > Design Tab > Page Elements
- click Add a Gadget on Sidebar
- Choose HTML/JavaScript, Paste the Copied code and Save it!
Add it On Blogger Posts
- Login to Blogger Dashboard > Design Tab > Edit HTML
- Click on Expand Template Widgets checkbox
- Find for
<data:post.body/>tag - Paste the Coppied Code Before or After it! and Save your Template.
- if you put the code Before <data:post.body/> tag then it will appear at the top of the post
- if you put the code After <data:post.body/> tag then it will appear at the Bottom of the post
nice thanks ..:)
Really useful, thanks!
Thanx for this valuable information. But would you please share how to add Facebook share button on blogs.Thanx for this valuable information. But would you please share how to add Facebook share button on blogs.
wow i went nuts for an hour or so trying to do this and then i went looking….THANK YOU SO MUCH!!!
I didn't like how this worked. An easier way was to go through twitter and add the official TweetStream HTML (when signed in to twitter.com go here – http://twitter.com/about/resources/widgets/widget_profile
Click Finish and grab code and it'll have an add to Blogger button also.
Once you add that, go to blogger.com, your blog, click Design, Edit HTML. Check the "Expand Widget Templates" box. Do a Cntrl+F on the name of the twitter widget you just added. find the < /div> at the end, paste the Follow button code there, hit save. Then the Follow button shows up at the end of your tweet stream. check mine if you like it looks nice mattstkc.blogspot.com
This awesome help, worked right away.
i love the easy to read info.
nice work…just what i wanted
This was very helpful. You’ve upped in karma points!
this code is not found what to do?
Really Fantastic post.. Which has everything very clearly
My blogger doesn’t give me the option of HTML. When I past the link from the twitter page I get a message that says it contains illegal characters. Any ideas?
please post a screenshot on your error!
I’m not quite sure how to do that.
After getting the Twitter button code,
- Copy the twitter button code
- Add new HTML/JavaScript widget in your template layouts.
- Pase the twitter code and save it!
Hi in my blog i have added tweet button in posts but it’s tweet is only blog url no post url is being tweeted pls help me out this,
my blog is http://creative-blogging-tips.blogspot.com
And This one is nice trick,
thanks!
it’s working well w/ post url