Twitter is one of the world largest social Network that lies in Top 10 website.Add a Twitter Tweet to increase your Twitter Followers or Fan.When visitor click button a pop window appears where visitor can write their message or tweet.If you want to add Twitter then follow us.

Twitter HTML and JavaScript codes.

The HTML including JavaScript code is this

<div class="br-ttb">
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='GreenBajgain' data-related='' href='http://twitter.com/share'>Tweet it</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

Where,

In GreenBajgain Replace with your Name.

In data-count=vertical replace vertical according to Below Table as your Wish.

Tweet Button type Value
Tweet Button vertical
image horizontal
Tweet Button none

Installing Twitter Tweet Button.

In Widget.

  1. Go to Blogger Dashboard>Layout
  2. Click on Add a Gadget
  3. Select HTML/JavaScript
  4. In Content box add the Twitter button HTML codes.
  5. Finally click on Save Button.

In Main Post Zone.

  1. Go to Blogger Dashboard>Template
  2. Back up your Blog
  3. Click on Edit HTML
  4. Find this code
    <data:post.body>
    
  5. Add the Twitter Button Tweet HTML codes.If you add above then Tweet button will appear below post Title.If you add Below of code then Tweet button will appear below post content.
  6. Click on Save Template.

Styling Tweet Code.

If you want to Hide the Code from Static Page then wrap with this conditional tag in this way.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
Twitter HTML And JavaScript Codes Here
</b:if>

If you want to add Distance inside and outside Tweet Button the add this CSS code.

.br-ttb {
text-align:left;
padding:3px 3px 3px 0;
margin:1px;
}
Adjust Margin and Padding for Distance inside and outside border.If you want to insert more CSS then insert after line 4.If you don’t know how to add CSS then Refer here.

Enjoy.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder's by RSS feed or email updates.

0 comments on "Installing Twitter Tweet Buttons.":

Post a Comment

We Love To Hear Comments from You.Comments are Welcome.You can comment here regarding this Post.If it is not related with the post you can ask a question by Contacting Us.Before Comment Please Subscribe To our RSS or email updates.Publishing Spam Comment is Not allowed.If you want to Add Code then Please Encode it.
Simple Tags like <a> ,<strong>,<b>,<em> and <i> are allowed for preventing spam

Newer page Older Pager Home Pager

Pls share this page

Get this
Copyright © 2012 Blogger Rounder .Designed by Shirshak.
back to top