Hareketli Twitter Akışı Ekleyin ( Blogger )

ads

ads

Hareketli blogger  Twitter eklentisi

Bu eklentinin özelliği  daha önceki twitter eklentilerinden    farklı yanı hareketli  twitter paylaşımlarınızın   sitenizde görünmesi  özellikle  haber portallarında kullanılan bir çoğunuz denk gelmiştir   website için gerekli eklentilerinden biridir.

Twitter eklentisini  blogger'e eklemeye gelince..

Yerleşim Gadget ekle seçeneğinden  aşağıdaki HTML kodunu ekleyin.

<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('ibrahimfirat.net'); }, 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/AVvXsEiX_w0W7hQVUNLM2MAgq2VfScV7fkk3wG9eSnUm8R0Ahjl2U2uZCmZyVnDTTHPJeLZOBxgnhImUNbMrioiXuYNm9CpsJ3MDKUPnsK8jh7IIZ5J8oKljEbRgKcQ7PecwkxL1OTe4RRBWUuc/s1600/twitter-akisini-blogger-eklemek-bloglamazamani.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'> </div>

ads