Adding official Twitter follow button to Blogger

 

Make it easier for your blog visitors to follow you on Twitter by adding Twitter Follow button to your blog.

Adding official Twitter follow button to Blogger


The Twitter Follow Button lets them follow you straight from your blog, without having to visit Twitter.  All it takes is 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.

Let us proceed with the tutorial:

1. Go to Design > Page Elements.
2. Click Add A Gadget and select HTML/Javascript gadget.
3. Copy the code below and paste it inside the content box:                                                                       <!-- Twitter follow button start --> <a href="http://twitter.com/USERNAME" class="twitter-follow-button">Follow @USERNAME</a> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <!-- Twitter follow button end -->
4. Replace USERNAME with your Twitter handle (username).
5. By the way, if you’re already using the Tweet Button on the same page, you can remove code line 3.
6. Configure button  
   You can configure the button by adding link data-attributes (next to class="twitter-follow-button") in line 2. Refer to the list below:
   

   Description	Appearance	Data-attribute
   Remove followers count		data-show-count="false"
   Light button (suitable for dark background)		data-button="grey"
   Change link color		data-link-color="COLORCODE"
   Change text color		data-text-color="COLORCODE"

   Save the widget and view your blog.
   Test the button to make sure it works.      enjoy
   
   

728x90

Tags: