jTwit is a subsidiary tool to add your tweets on your web page swiftly. Usage of this application is easy and format of the app is ready.
Application: jquery.jtwit.js
Version: 1.0
Older Version: jquery.twitter
Last updated: 14 October 2013
Read Blog Topic (Turkish)
Note: This application, due to incongruity of jquery.twitter application developed by Damien du Toit with Twitter API v1.1, is formatted and developed by İzni Burak Demirtaş.
1). Include jquery and jquery.jtwit.js in the your page
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.jtwit.js"></script>
2). Include jquery.jtwit.css in the your page
<link rel="stylesheet" href="jquery.jtwit.css" />
3). End last step in the your page!
<div id="twitter"></div>
<script type="text/javascript">
$(funcion(){
$('div#twitter').jTwit({
apiFile: 'api/twitter.php',
userName: 'izniburak'
});
});
<script>
4). Twitter REST API v1.1 oAuth
In the files you downloaded the "api/twitter.php" file open, edit the relevant fields by Twitter OAuth information.
Where you'll find information to OAuth? CLICK HERE.
<div id="twitter"></div>
$settings = array(
'oauth_access_token' => "YOUR oAuth ACCESS TOKEN KEY",
'oauth_access_token_secret' => "YOUR oAuth ACCESS TOKEN SECRET KEY",
'consumer_key' => "YOUR CONSUMER KEY",
'consumer_secret' => "YOUR CONSUMER SECREY KEY"
);
Note: This application works with Twitter REST API v1.1, only works on the server.
jquery.jtwitter setting parameters
apiFile: Twitter REST API v1.1 Auth file. (required)
userName: Your twitter username. (required)
numTweets: Display the number of Tweet. (default: 5)
loaderText: Loading caption text. (default: Loading tweets...)
slideIn: Tweets open the Slide Effect. (default: false)
slideDuration: Slide Effect speed (default: 500) (500 = ms)
showHeading: Display tweets box head. (default: true)
headingText: Tweets box head text. (default: Latest Tweets)
showProfileLink: Show your twitter profile link. (default: true)
bottomText: Tweets box bottom text. - Profile link Text. (default: View on Twitter)
showTimestamp: Show your tweets time (default: true)
includeRetweets: Include your retweets on the Twitter Timeline. (default: false)
excludeReplies: Include your replies on the Twitter Timeline. (default: true)
errorMessage: Error message text. (default: Tweets not loaded...)
followers: Your followers count. (default: true)
followersText: Followers count text. (default: Followers:)
demo:
<script type="text/javascript">
$("div#twitter").jTwit({
apiFile: 'api/twitter.php',
userName: "izniburak",
numTweets: 3,
slideIn: true,
excludeReplies: false
});
<script>