Twitterdaki son gonderilerinizi blogger da gosterin


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(http://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. 

Tepkiniz nedir?

Çok Eğlendim Çok Eğlendim
0
Çok Eğlendim
Deneme Deneme
0
Deneme
Beğendim Beğendim
0
Beğendim
Yarıldım Yarıldım
0
Yarıldım
Sinirlendim Sinirlendim
0
Sinirlendim
hate hate
0
hate
Kafam Karıştı Kafam Karıştı
0
Kafam Karıştı
Fail Fail
0
Fail
Çalışkan Çalışkan
0
Çalışkan
Lol Lol
0
Lol
Aşık oldum Aşık oldum
0
Aşık oldum
Aman Tanrım Aman Tanrım
0
Aman Tanrım
Korktum Korktum
0
Korktum
Rahatladım Rahatladım
0
Rahatladım
OHA OHA
0
OHA
sosyofikir
Mimarlık Fakültesi sonsınıf öğrencisi, mimar adayı. :) 2010'dan beri sosyofikir.com blogumla yayın yapıyorum. Sosyal, müzik, felsefe, psikoloji, güncel, yaşam ve daha bir çok konuyla yakından ilgileniyorum. Siz değerli okurlarıma elimden geldiğince güzel içerikler sunmaya çalışıyorum. Hatamız olursa affola :)

2 Comments

Bu yazılarımızda ilginizi çekebilir..

More From: Blogger ayarları

DON'T MISS

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Önemsiz Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Hikaye/Olay
Gömülü ve Görsellerle Biçimlendirilmiş Metin
Liste
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Açık Liste
Submit your own item and vote up for the best submission
Oylanabilir Liste
Upvote or downvote to decide the best list item
Video
Youtube, Vimeo veya Vine Kodları
Ses
Soundcloud or Mixcloud Embeds
Görsel
Fotoğraf veya GIF
GIF
GIF Formatı