Customize Twitter Widget Jquery Script
Twitter is a social networking and microblogging service. Users use mobile phones or computers to send and to read messages, called "tweets". Tweets can be up to 140 characters long. They appear on the user's profile page. Tweets can usually be read by anyone, but senders can also keep messages private. Private tweets only go to their list of friends. Users may subscribe to tweets from other people. This is called following, and subscribers are known as followers. As of late 2009, users can also follow lists of authors. All users can send and receive tweets using the Twitter website. They can also use other applications that work with Twitter on smartphones. Twitter by Short Message Service (SMS) is available in certain countries. Using Twitter is free, but sending or getting tweets by SMS may cost money. The website is based in San Francisco, California. Twitter also has servers and offices in San Antonio, Texas and Boston, Massachusetts, and soon in Salt Lake City, Utah. Twitter has become very popular worldwide since Jack Dorsey created it in 2006. It now has more than 100 million users. It is sometimes described as the "SMS of the Internet. Now as you know, Twitter API calling no more working without authorization. If you search on Google about Jquery Twitter Script then those all Scripts needs Twitter Widget ID. There is no script that works with Twitter Username only. Yeah, if you have hosting or you are a WordPress user then you can easily find some PHP Scripts but "What about Blogger Users?". So i discover a Jquery Script which is easily to use for newbie and also very helpful for developers. If you search on Google then there is no Blogger Template (Free or Premium) that have Twitter Customize Widget like WordPress, etc. So this is a Good chance for developers too.
Take a look at Widget Download Full Script
To make widget run, we need to add Jquery 1.10.2 and Main Script in between <head> tags.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//yourjavascript.com/3924152012/ddtwitter.js"></script>
Then we need a Styling. I am not work on styling too much but you can customize it with your needs. Of course, add Style Codes in between <head> tags too.
<style> #DDTwitter ul { margin: 0; padding: 0; } #DDTwitter li { list-style: none; clear: both; } #DDTwitter li img, #DDTwitter li .tweets_txt { float: left; margin-bottom: 10px; } #DDTwitter li img { width:60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #DDTwitter li .tweets_txt { width: 250px; margin-left: 10px; } #DDTwitter li .tweets_txt span { font-style: italic; color: #666; display: block; } </style>
Now here is the main part of the script. Edit below codes according to you i.e. add your Username and Tweets limit, etc. Add below codes anywhere in <body> where you wants to display twitter widget.
<script> $(document).ready(function() { $('#DDTwitter').DD_Twitter({ Username : 'HSinghHira', // Your Twitter Username Tweets : 6 // Numbers of Tweets you want to Show }); }); </script>
Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as you expected from us or if you are facing any problem, kindly forward your feedbacks directly to us by leave a Comment below or using our Contact form. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like our this post then share on your social network. Assuring you of our best service always.
Customize Twitter Widget Jquery Script
Reviewed by akb48ma
on
16:30
Rating:
Reviewed by akb48ma
on
16:30
Rating:
No comments: