in , , ,

Twitterdaki son gonderilerinizi blogger da gosterin

Top Chinese tweets 3
Top Chinese tweets 3
Twitter, Twitter icon, Twitter resimleri, Son tweetler

Tweeter’daki son yazılarınızı blogunuz’da veya internet sitenizde paylaşmak istemez misiniz ? Her defasında kopyala yapıştır mı olacak ? Hayır.. Sosyofikir sizlere kayan twitter yazı eklentisini sunuyor. Yapmanız gereken tek şey..

Tasarım > Sayfa Öğeleri > Gadget Ekle > HTML/JavaScript Ekle  

<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 () {
// Pass in the username you want to display feeds for
this.insertLatestTweets(‘twitterhesabınız‘);
},
// This replaces the <p>Loading…</p> with the tweets
insertLatestTweets: function (writershome) {
var limit = 5; // How many feeds do you want?
var url = ‘http://twitter.com/statuses/user_timeline.json?screen_name=’ + writershome + ‘&count=’ + limit + ‘&callback=?’;
// Now ajax in the feeds from twitter.com
$.getJSON(url, function (data) {
// We’ll start by creating a normal marquee-element for the tweets
var html = ‘<marquee behavior=”scroll” scrollamount=”1″ direction=”left”>’;
// Loop through all the tweets and create a link for each
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>’;
// Now replace the <p> with our <marquee>-element
$(‘#twitter p’).replaceWith(html);
// The marquee element looks quite shite so we’ll use Remy Sharp’s plug-in to replace it with a smooth one
Twitter.fancyMarquee();
});
},
// Replaces the marquee-element with a fancy one
fancyMarquee: function () {
// Replace the marquee and do some fancy stuff (taken from remy sharp’s website)
$(‘#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);
});
},
// Takes a date and return the number of days it’s been since said date
daysAgo: function (date) {
// TODO: Fix date for IE…
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 = ‘today’;
}
else if (numDays == 1) {
daysAgo = numDays + ‘ day ago’;
}
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://4.bp.blogspot.com/-h-fnoRIqSkM/TwnC20W02sI/AAAAAAAAAd4/QyAUrjdE4T4/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>

Yukarıda mavi renk ile yazdığım twitterhesabınız adlı kısıma kendi twitter hesabınızı yazacaksınız hesap adınız yani.. Blogunuz aşağıdaki resimdeki gibi görünecek yazılarınız sola doğru geçecek..

Twitter, Twitter icon, Twitter resimleri, Son tweetler, Sosyofikir

100.yazım Sosyofikir ailesi olarak kendimizi her gün geliştiriyoruz ve sizlere en iyi çözümleri sunmayı hedefliyoruz. 

Report

What do you think?

Written by sosyofikir

Doğu Akdeniz Üniversitesi Mimarlık Fakültesi'nden 2018 yılında mezun oldum. Blog serüvenim yaklaşık 8 sene önce başladı. Hala o eski heyecanımı taşımaktayım. Amacım sizler için kaliteli, özgün ve sıkıcı olmayan kullanıcı tabanlı bir site hazırlamaktır. Teşekkür ederim. Bana her türlü konuda ulaşabilirsiniz.

2 Comments

Leave a Reply
  1. Blogumda denedim.
    Sorunsuz çalıştı.
    Daha önce blogumda denediğim twitter eklentileri çalışmamıştı.
    http://yoncademirel.blogspot.com

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

twitter2

Bloggera Sayfa İle Kayan Twitter Kusu Eklentisi

no spam

Websitemizi Spamlardan Nasıl Koruruz