Header Ads

  • Breaking News

    How to Add Tweet Button on Every Blogger Post


    Twitter is one of the largest social media company in the world.If you have enough number of followers on twitter then every time tweet your new post on twitter and get the traffic.Today in this article we are going to show to How to add Twitter tweet button with counter for blogger ? Here we are giving code of all types of tweet buttons i.e. tweet button with vertical count,tweet button with horizontal count and tweet button without any count.We will add this button just below of every blogger posts for more traffic.



    How To Add Twitter Tweet Button To Blogger?

    Here we are giving all types of twitter tweet button choose anyone of them add add them just after below code.To find below code you need to "Tick the Expand Widget Templates" check box.Also take backup your template before making any changes.

    Find  <data:post.body/>

    Tweet Button Styles
    You can add tweet button in three styles :

    1. Vertical Count
    2. Horizontal Count
    3. Without Count

    1. Vertical Count

    <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='BlogerTemplates' data-related='' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div></b:if>

    2. Horizontal Count

    <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='horizontal' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='BlogerTemplates' data-related='' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div></b:if>

    3. Without Count


    <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='none' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='BlogerTemplates' data-related='' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div></b:if>


    Now replace BlogerTemplates with your twitter username

    Customizations (Options)
    • This button is aligned to left of page if you want to align it to right or middle then replace text-align:left; with text-align:right; and text-align:center; respectively.
    • This button will visible on below of post if you want to add it before the post then add code just above of <data:post.body/>


    Now save your template and you are done.

    No comments

    Post Top Ad

    Post Bottom Ad