Home   Best Sellers   Blogging   Coding & Design   Technology   SEO   Travel & living   Career   Videos   Tips   Calculators     
Home  »     »     »     »     »     »     »  Twitter Share / Tweet button for better content sharing - Instructions for adding Tweet button to your website

Twitter Share / Tweet button for better content sharing - Instructions for adding Tweet button to your website

Friday, March 14, 2014


The Tweet Button or Twitter Share button is a small widget from twitter API service which allows users to easily share a website with their followers.

How it works
When a user clicks the Tweet Button he is asked to login to Twitter. If the user is new to Twitter there will be option to create a twitter account. After successful login a "Share Box" appears which is already completed with required data to share.
The user can alter the content if they need.If everything fine, then user Tweets (posts) it. The shared contents will be posted to Twitter pages of all followers.

How to integrate Twitter Share button
Integration of a Tweet button to your website is very simple. You can alter the appearance of the tweet button based on the attributes that you add on the button code

Code for creating a Simple tweet button with data share count
Copy and past the below given code to your website where you wish to display the Javascript based Tweet button.The count box shows how many times the URL has been Tweeted. You can choose to display or hide the count box, or place it above or next to the Tweet Button. To control the display of tweet count box you have to add the attribute "data-count" to the anchor tag. The attribute takes values "none" / "horizontal" / "vertical". The default value is "horizontal". If you don't want the show the count box then set data-count='none'.

<a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Above given code generated the button shown here:


Please visit Twitter developer section for more instructions on creating a twitter share button of your like.

INSTRUCTIONS TO CREATE TWEET BUTTON / TWITTER SHARE BUTTON
Url : https://dev.twitter.com/docs/tweet-button

TWITTER WEBSITE: twitter.com

Related Posts
  1. Google PlusOne (g +1) Button Code - How to add Google PlusOne (g +1) Button on web pages?
  2. Facebook Like button to popularise Your Web contents - How to create and integrate FB Like Button to websites?
  3. Facebook Share button for Sharing Web contents - How to create and add FB share Button to websites?
  4. Twitter Share ( Tweet ) button for better content sharing - Instructions for adding Tweet button to your website
  5. How to add BlogIt button or Widget on your blogger website
  6. Integrated code for Twitter Share, Facebook Like & Share, google Plusone Buttons
  7. More on Social Networking Tools



How to link to this page?
If you wish to link to this page from your website, simply Copy and paste the above HTML code to your web page. It will appear on your page as:
Twitter Share / Tweet button for better content sharing - Instructions for adding Tweet button to your website.




Share this!




comments powered by Disqus

This Weeks 7 Popular Posts


Subscribe to Recent Posts by Email
Stay connected to CROZOOM with regular Email notices of new Techie articles and IT Jobs. Updates will be delivered to your Inbox as soon as they are posted online.

Enter Your Email Address:  

Delivered by FeedBurner   RSS Feed

Search this Blog   



Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »