Twitterdaki son gonderilerinizi blogger da gosterin

2 dakika


62
2 Yorum, 11 Paylaşım, 62 Beğeni
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. 


Beğendiniz mi? Arkadaşlarınızla Paylaşın!

62
2 Yorum, 11 Paylaşım, 62 Beğeni

Sizin Tepkiniz Nedir?

Beğendim Beğendim
1
Beğendim
Beğenmedim Beğenmedim
0
Beğenmedim
Muhteşem Muhteşem
0
Muhteşem
Şaşırdım Şaşırdım
3
Şaşırdım
Güldüm Güldüm
3
Güldüm
İnanılmaz İnanılmaz
2
İnanılmaz
Kızdım Kızdım
2
Kızdım
Oha Oha
1
Oha
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. admin@sosyofikir.com

2 Yorum

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

Bir format seç
Kişisel Test
Kişisel bir şey ortaya koymayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar verme ya da görüş belirleme/oy verme
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın