Monday, October 6, 2014

Install Twitter Count Button On Blogspot / Wordpress Post

Today we would like to show you how to install Twitter count button on your Blogspot or Wordpress based blog. The reason we are doing that is to make our blog post shared on that very popular social network site.

Millions of people use Twitter now as their hangout place or to find a good content to read or following anyone they think deserve to be followed.

At the same, we can utilize Twitter to gain more traffic to our blog. Luckily it is easy to install Twitter count button within our posts -- whether below title or beneath blog's post.

And Twitter had officially provided number of looks and designs of their Twitter buttons. You can pick which one that you think the most fit with your blog's post.

How to install Twitter count button on Blogspot.

  • As usual login to your account.
  • Then to Template, and search for this tag.
  • Now you can add the following code to above or beneath that tag.
    <!-- Twitter tweet button Start -->
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div style='text-align:left;padding:5px 5px 5px 0;'>
    <a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='BloggerSentral' data-related='' href=''>Tweet</a>
    <script src='' type='text/javascript'></script>
    <!-- Twitter tweet button End -->
  • In the code above, look at the bolded vertical word, the button would look like this Twitter Count Button.
The vertical style button is the most-used I think.

So if you want to other design style, you can see from the reference below.

Twitter Count Button Types

For example if you choose horizontal rather than vertical look, then change the vertical on the code into horizontal.

How to install Twitter count button on Wordpress.

The process to install the button on Wordpress you can follow the instructions here.

  • You can login to your Wordpress blog.
  • To Appearance -> Editor.
  • Then click Single Post (single.php).
  • Add the code above to above or beneath this tag.
    <?php the_content(); ?>
The functions.

Once you have installed the Twitter button your Blogspot / Wordpress blog, the button will appear anywhere near your preferred post. So each time your reader found your post interesting they can simply hit the button and the hit will be counted.

If it is the first hit, then the interface will be like this.

Share WP / Blogspot Post To Twitter Site
Well done, all the steps neatly compiled. If you followed them correctly. You should now see the Twitter count button on your Wordpress or Blogspot post. Anyway if you prefer something more interesting, you can follow the instructions to add floating social media buttons on Blogspot / Wordpress too.

No comments:

Post a Comment