Sıcak sıcak, yeni çıktı !

Yazarlarımız

Twitterdaki son gonderilerinizi blogger da gosterin

19 Mart 2012 Pazartesi
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. 

2 yorum:

  1. ziyaretçilerini ilgisini çekmek için güzel bir yöntem tavsiye ederim

    YanıtlaSil
  2. Blogumda denedim.
    Sorunsuz çalıştı.
    Daha önce blogumda denediğim twitter eklentileri çalışmamıştı.
    http://yoncademirel.blogspot.com

    YanıtlaSil

Türkçe dil kurallarına lütfen dikkat edelim.
Yorumunuz en kısa sürede yayınlanacaktır..
Yorumlarınız bizim için değerlidir.