04 November 2011
How To Add Official Twitter Follow Me Button to Blogger
Make it easier for your blog visitors to follow you on Twitter by adding Twitter Follow button to your blog. The Twitter Follow Button lets them follow you straight from your blog, without having to visit Twitter. All it takes just one click (if they are logged in).
The button comes with (optional) followers count. Visitors can also see your profile and latest tweets by clicking your username next to the button.
Here is a example which you can click to join me on Twitter to get updates of my blog posts.
You can easily add it to Blogger blogs by some simple methods. So, let's start with it.
You can easily add it to Blogger blogs by some simple methods. So, let's start with it.
Step 1: Go to Twitter Official Follow Button page and select the options:
1. First is to give your twitter username in the input field. For example, my user name is blogger4ever
2. Select the type of button you want depending on your blog's background color.
3. Select whether to show the followers count or not.
4. Lastly, select the language.
After selecting every options, it will give you a preview and below it you will find the snippets that are needed to add it to render Follow me button.
Step 2: Adding Official Twitter Follow Button to Blogger
1. Go to Design > Page Elements.
2. Click Add A Gadget and select HTML/JavaScript gadget.
3. Paste the snippet inside the Content box:
Save the widget and View your blog, Test the button to make sure it works.
Customize Follow me Button
You can customize follow me button by adding data-text-color="#289728" data-link-color="#0080ff" (next to class="twitter-follow-button") Here is live example with the required attribution:
<a href="https://twitter.com/username" class="twitter-follow-button" data-text-color="#289728" data-link-color="#0080FF">Follow @username</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
data-text-color="#289728" This section refers to the Text Color, if you wish to change it to different color simply change the Hexadecimal Color Value #289728
data-link-color="#0080FF" This section refers to The Link Color, if you wish to change it to different color simply change the Hexadecimal Color Value #0080FF
Important: Don't forget to change Username with your Twitter Profile Username.
Enjoy!
How to Promote Your Blogger Posts to Twitter Followers
Auto Tweet Your Blog Posts through FeedBurner
About Author
Ahmed Shehzad Hi, I am the Founder and Editor of Blogger4ever, I loves writing about Blogger Tricks and Tips, Blogger Tutorials, Hacks and Widgets and everything about Blogger.... Follow me on Google+
Subscribe to:
Post Comments (Atom)
0 Responses to “How To Add Official Twitter Follow Me Button to Blogger”
Post a Comment