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 |
vertical | |
horizontal | |
none |
Installing Twitter Tweet Button.
In Widget.
- Go to Blogger Dashboard>Layout
- Click on Add a Gadget
- Select HTML/JavaScript
- In Content box add the Twitter button HTML codes.
- Finally click on Save Button.
In Main Post Zone.
- Go to Blogger Dashboard>Template
- Back up your Blog
- Click on Edit HTML
- Find this code
<data:post.body>
- 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.
- 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 != "static_page"'> 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.
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