22 Oct 2011

Adding official Twitter follow button with counter 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 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: 

      • Replace USERNAME with your Twitter handle (username).
      • By the way, if you’re already using the Tweet Button on the same page, you can remove code line 3.
    1. 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  twitter follow no count  data-show-count="false"
      Light button (suitable for dark background)  twitter follow grey  data-button="grey"
      Change link color  twitter follow link color  data-link-color="COLORCODE"
      Change text color  twitter follow text color data-text-color="COLORCODE"
    2. Save the widget and view your blog.
    3. Test the button to make sure it works.
    Enjoy!

    5 comments:

    1. I like your blog and i think you are a good programmer because you share code with us in all your posts. thanks for this nice services.


      translation services london

      ReplyDelete
    2. Thanks for the sharing useful information, and nice bits of information there. I learn something new from this blog posts that I read.

      - Siesta Keys Florida

      ReplyDelete
    3. it was just informative news and thanks for sharing such a useful information.
      - anna maria island rentals

      ReplyDelete

    Follow by Email

    Gallery

    Most Commented

    Contact Form

    Name

    Email *

    Message *

    2014 © Planer - Responsive Blogger Magazine Theme - Published By Gooyaabi Templates
    Planer theme by Way2themes