Skip to main content

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


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

Popular posts from this blog

Strange problem occured while trying to create a CSV file using PHP Script - The file is not seen on FTP but can download using file's absolute path url

Strange problem occured while trying to create a CSV file - The file is not seen on FTP but can download using file's absolute path url Last day I came across a strange problem when I tried to create a csv file on therver using a PHP script. the script was simply writing a given content as a csv file. The file will be created runtime. What happened was, The script executed fine, file handler for new file was created and contents was wrote into the file using fwrite and it returned the number of bytes that was written.

How to get the Query string of a URL using the Javascript (JS)?

JS function get the Query string of a URL or value of each parameter using the Javascript(JS)? If you want to get your current page's url var my_url=document.location; to get the query string part of the url use like this: var my_qry_str= location.search; this will return the part of the url starting from "?" following by query string Lets assume that your current page url is http://www.crozoom.com/2013/page.html?qry1=A&qry2=B then the location.search function will return " ?qry1=A&qry2=B " to exclue "?", do like this:


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 »
Member
Search This Blog