Twitter Kayan Twitler Kodu

Bu Kod twitterdeki attıgınız twitlerin yeniden eskiye doğru sağdan sola kaymasıdır.Attıgınız twitleri artık sitenizden görecekler.Bunu paylaşma amacım iletişim bolmunden bunu istemleridir.Ayrıca siteye kurlumuda kolay ve basittir.Tek yapmanız gerekne vereceğim kodu sitenizin istediğiniz bir bolumune yerleştirmek ve SiteMuhendisi yazan yere kendi twitter adresinizi yazmaktır.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>   <script src="http://artistutorials.googlecode.com/files/jquery.marquee.js"></script>     <script type='text/javascript'>
//<![CDATA[
var Twitter = {
init: function () {
this.insertLatestTweets('SiteMuhendisi');
},
insertLatestTweets: function (writershome) {
var limit = 5;
var url = 'https://api.twitter.com/1/statuses/user_timeline.json?include_entities=true&include_rts=false&screen_name=' + writershome + '&count=' + limit + '&callback=?';
$.getJSON(url, function (data) {
var html = '<marquee behavior="scroll" scrollamount="1" direction="left">';
for (var i in data) {
html += '<a href="http://twitter.com/' + writershome + '#status_' + data[i].id_str + '">' + data[i].text + ' <i>' + Twitter.daysAgo(data[i].created_at) + '</i></a>';
}
html += '</marquee>';
$('#twitter p').replaceWith(html);
Twitter.fancyMarquee();
});
},
fancyMarquee: function () {
$('#twitter marquee').marquee('pointer')
.mouseover(function () {
$(this).trigger('stop');
})
.mouseout(function () {
$(this).trigger('start');
})
.mousemove(function (event) {
if ($(this).data('drag') == true) {
this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
}
})
.mousedown(function (event) {
$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
})
.mouseup(function () {
$(this).data('drag', false);
});
},
daysAgo: function (date) {
if ($.browser.msie) {
return '1 day ago';
}
var d = new Date(date).getTime();
var n = new Date().getTime();
var numDays = Math.round(Math.abs(n - d) / (1000 * 60 * 60 * 24));
var daysAgo = numDays + ' gün önce';
if (numDays == 0) {
daysAgo = 'bu gün';
}
else if (numDays == 1) {
daysAgo = numDays + ' dün';
}
return daysAgo;
}
};
Twitter.init();
//]]>
</script>  

<style>
#top-bar{
width:100%;
height:30px;
background:#fff;
border:1px solid #000;
padding: 0 0 5px 0;

}
#twitter {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiJqlBYxKnXFU3kw2r4HIXtbRKyF0JfcYoUvfDmv9EZhCwdvySmL67ehD43X6M9LNdlM5G4DQJj0rQCQBp4Obh2zvtCZrG8_eSFPozrxkGcfcl9PT1nkqtroa2PQayKotVgeii8k1UuA/s1600/twitter_logo_right+%25281%2529.png)left center no-repeat ;
padding: 2px 5px 2px 125px;
margin: 0 0 0 0px;
overflow: hidden;
}
#twitter p,
#twitter marquee,
#twitter div {
float: left;
font: 13px bold helvetica, verdana, sans-serif;
margin: 0 10px 0 0;
padding: 12px 0 6px 0px;
line-height: 1;
}
#twitter marquee a,
#twitter div a {
margin: 0 10px 0 0;
color: #000;
text-decoration: none;
}
#twitter marquee a i,
#twitter div a i {
font-style: normal;
color: #0094FF;
}

</style> <div id='twitter'>
<p>
  </p>
</div>