Blogger Eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger Eklentileri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Renkli Kategori 2

Merhaba arkadaşlar,bugün size renkli kategoriler 2 'yi paylaşmak istedim




Yerleşim>gatget ekle>html kısmına yapıştırıyoruz


<center><div class="widget-content">
<div id="main">






<a href="/search/label/programlar" target="_self"><img border="0" src="http://b1301.hizliresim.com/15/d/hwswf.png" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/internet" target="_self"><img border="0" src="http://b1301.hizliresim.com/15/d/hwswj.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/mobil" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwszl.png" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/oyunlar" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwszq.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/yazilim" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwt0r.png" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/tanitim" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwt0n.png" style="opacity: 0.4;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/tasarim" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwt1l.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/teknoloji" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwt1p.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


<a href="/search/label/wordpress" target="_self"><img border="0" src="http://a1301.hizliresim.com/15/d/hwt2d.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="Reklamlar" alt="Reklamlar" /></a>


</div>
</div><center></center></center>



Bu konu bana ait alıntı  için link bırakın.





Blogger Yazım Kaç Kere Okundu Eklentisi


Blogger Yazım kaç Kere okundu Eklentisi.
Blogunuzdaki yazıların kaç kere okunduğunu takipçilerinizle paylaşmak istemez misiniz? Eğer bunu istiyorsanız bu eklenti tam size göre yapmanız gereken aşağıda yazmaktadır.





İlk olarak şablondan Tasarım > Html'yi düzenle > widget şablonlarını genişleyi seçip aşağıdaki kodu buluyoruz.
data:post.body

Kodu bulduktan sonra hemen üstüne üstüne aşağıdaki kodu ekliyoruz ve şablonu kaydediyoruz.
<div style='text-align: left;'> <b:if cond='data:blog.pageType == &quot;item&quot;'><span style='color: magenta;'><b> Siz bu yazıyı okuyan <img alt='counter' expr:src='&quot;http://www.e-zeeinternet.com/gd-count.cgi?page=&quot; + data:post.id + &quot;&amp;style=times&amp;nbdigits=1&amp;reloads=1&quot;'/> kişiden birisiniz.</b></span><b:else/></b:if></div>

Blogger'da 468x60 Reklam Alanı Oluşturmak


    Merhaba arkadaşlar bu yazım da ise Blogger‘da 468′e 60 reklam alanları oluşturmayı anlatacağım. Eklentiyi düzenler iken dikkat ettiğim nokta ise, görsellik oldu. Dolayısı ile bu yüzden eklenti de reklam alanlarının tamamını CSS ile yapmaktansa, görsellerden yapmaya özen gösterdim. Elbette, isterseniz görsellerde değişiklikler yapabilirsiniz. Ayrıca, ben kodları direk paylaşacağım için her kısım için kodları gösterme gereği duymadım. Yani aşağıdaki kodları, reklam alanı eklemek istediğiniz herhangi bir yere de ekleyebilirsiniz. Örneklendirmek gerekir ise; yazı içerisine, en alt kısıma, yazı üstüne vs. istediğiniz alanı reklam alanı olarak kullanabilirsiniz.
    Yapmanız gereken tek şey, aşağıdaki kodları HTML’yi Düzenle kısmından Gadget Ekle linkine tıkladıktan hemen sonra HTML/JavaScript Ekle bölümüne aşağıdaki kodu eklemektir.


Not : Yukarıdaki "http://i52.tinypic.com/2v8ka6p.png" yere resimini , "http://iletisimlinki" yere adresini yazacaksınız... Bizden bu kadar iyi günler...
Not : Yukarıdaki "http://i52.tinypic.com/2v8ka6p.png" yere resimini , "http://iletisimlinki" yere adresini yazacaksınız... Bizden bu kadar iyi günler...Not : Yukarıdaki "http://i52.tinypic.com/2v8ka6p.png" yere resimini , "http://iletisimlinki" yere adresini yazacaksınız... Bizden bu kadar iyi günler...


Blogger Renkli Popüler Yayınlar Eklentisi

Blogger Renkli Popüler Yayınlar Eklentisi


Renkli Popüler Yayınlar Eklentisi
Merhaba Arkdaşlar Size Bügün Yeni Kullanmaya Başladığım Renkli Popüler Eklentisini Anlatıcağım Başlıyalım.

Not: İsterseniz Renkli Popüler Eklentisinin Arka Planını Değiştirebilirsiniz Renk kodlarına burdanulaşabilirsiniz.


İlkbaş Şablon Sonra HTML Düzenle Sonra Aşağıdaki Kodu buluyoruz.
]]></b:skin> 
Kodunu bulalım hemen üstüne aşağıdaki kodu ekleyelim ve kaydedelim.
 #PopularPosts1 ul{margin:0;padding:0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px} #PopularPosts1 ul li:first-child{background:#33c9f7;} #PopularPosts1 ul li:first-child:after{content:""} #PopularPosts1 ul li:first-child + li{background:#33c9f7;} #PopularPosts1 ul li:first-child + li:after{content:""} #PopularPosts1 ul li:first-child + li + li{background:#33c9f7;} #PopularPosts1 ul li:first-child + li + li:after{content:""} #PopularPosts1 ul li:first-child + li + li + li{background:#33c9f7;} #PopularPosts1 ul li:first-child + li + li + li:after{content:""} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:""} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:""} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:""} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#fff;width:0px;height:0px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px} #PopularPosts1 ul li a{font-size:12px;color:#808080;text-decoration:none} #PopularPosts1 ul li a:hover{color:#656565;text-decoration:none} #PopularPosts1 img { width:42px; height:42px; border: 1px solid #ddd; padding:0; } #PopularPosts1 li{ list-style-image:none; list-style:none; } 
Hepsi bu kadar, mavi ile işaretlediğim yerleri kendinize göre düzenlemeyi unutmayın görüşmek üzere.
Eklentiden Bir Resim


Blogger Resimli Kategori Yapma


Yeni bir blogger eklentisi ile merhaba. Bu eklenti için bana sürekli mesajlar geliyor resimli kategoriyi bana da verir misin gibisinden. Bende yoğun talep olduğu için paylaştım. Bu eklenti ile sitenizi daha çık görünmesini sağlayabilirsiniz. Bu eklentide ki kategoriler resim şeklindedir. Resimleri kendinize göre değiştirebilirsiniz.

Blogger Resimli Kategori Eklentisi

Yapmanız gereken Yerlerişim > Gadget Ekle > HTML/JavaScript seçip aşağıdaki kodu eklemek. Yada sağ tarafta bulunan mavi butona tıklayarak blogunuza eklebilirsiniz.


<a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://1.bp.blogspot.com/-rIV1I8VCaSs/UK4RFX7OvvI/AAAAAAAABOo/veM70DNIzwE/s1600/fotogaleri-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-W50ZiNh9HGs/UK4RJzL2TbI/AAAAAAAABPM/5MF7N-5hRzY/s1600/videogaleri-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-fhbGrSSN5Bk/UK4SRw1v7yI/AAAAAAAABPg/O53KsL_za9M/s1600/haberler-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-Sm5UgMX2P6U/UK4SCnCG4XI/AAAAAAAABPY/HF6RYYyS3v4/s1600/oyunlar-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-lCP6mt3jIdc/UK4RHfPsV1I/AAAAAAAABOw/-Z8rWeBaxTM/s1600/kadinlar-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a> <a href="http://www.blogger.com/" target="_self"><img alt="" body="" border="0" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://2.bp.blogspot.com/-393irbm6TDc/UK4RI2LM2hI/AAAAAAAABPA/2ukIXhjzWAk/s1600/sinema-onurbatur.png" style="filter: alpha(opacity=40); opacity: 0.4;"></a>

CSS Filtreler İle Resimlere Zoom Efekti Verme



CSS Filtreler İle Resimlere Zoom Farklı Efekti VermeBu yazımda sizlere Css Filtre ile resimlere zoom efekti vermeyi göstereceğim. Herkes bu kodu arıyor bende baya uzun süre aramıştım ama sonunda buldum bende sizlerle paylaşmak istedim. Hemen anlatıma geçeyim.





İlk olarak şablondan aşağıdaki kodu buluyoruz.

]]></b:skin>


Yukarıdaki Kodu bulduktan sonra hemen üstüne aşağıdaki kodu ekliyoruz.
.post-body img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-body img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

Blogger Renkli Widget Yapma



Blogger Renkli Widhet Yapma
Merhaba arkadaşlar bu gün sizlere herkesin istediği bir eklentiyi sunuyorum. Bu eklenti ile widgetlerinizi rengarenk yapabiliyorsunuz. lafı fazla uzatmadan nasıl yapıldığını anlatayım. 

]]>< /b:skin>  kodunu bulalım .

Hemen üstüne aşağıdaki kodu ekleyelim.



#HTML1 h2
{
 color:#a5a5a5; border-bottom:0px solid #b3b3b3; background-image:url(Arka Plan Resminizi buraya ekleyeceksiniz.);
}



Renkli gösterdiğim yerleri kendi zevkinize göre değiştirebilirsiniz. 

Blogger Yazım Kaç Kere Okundu Eklentisi



Blogger Yazım kaç Kere okundu Eklentisi.
Blogunuzdaki yazıların kaç kere okunduğunu takipçilerinizle paylaşmak istemez misiniz? Eğer bunu istiyorsanız bu eklenti tam size göre yapmanız gereken aşağıda yazmaktadır.





İlk olarak şablondan Tasarım > Html'yi düzenle > widget şablonlarını genişleyi seçip aşağıdaki kodu buluyoruz.
data:post.body

Kodu bulduktan sonra hemen üstüne üstüne aşağıdaki kodu ekliyoruz ve şablonu kaydediyoruz.

<div style='text-align: left;'> <b:if cond='data:blog.pageType == &quot;item&quot;'><span style='color: magenta;'><b> Siz bu yazıyı okuyan <img alt='counter' expr:src='&quot;http://www.e-zeeinternet.com/gd-count.cgi?page=&quot; + data:post.id + &quot;&amp;style=times&amp;nbdigits=1&amp;reloads=1&quot;'/> kişiden birisiniz.</b></span><b:else/></b:if></div>

Blogger Kategorileri Yan Yana Sıralamak


Blogger Kategoriler Yan Yana Sıralamak
Bu gün sizlere populer bir kod olan etiketleri yan yana sıralama kodunu sunuyorum. Bloggere yeni başlayanlar bu yüzden sıkıntı yaşıyor. Bu kod ile etiketlerinizi yan yana sıralayıp daha az alan kaplamasını sağlayabilirsiniz. Önizleme yan resimdeki gibidir.




 İlk olarak ]]>< /b:skin > kodunu bulalım. Bulduğumuz kodun hemen üstüne aşağıdaki kodları ekleyelim.


#LinkList1 ul li{float: left;width: 45%;}
#Label1 ul li{float: left;width: 45%;}

İşlem bu kadar. Umarım yardımcı olabilmişimdir. 

Blogger'a Hareketli Twitter Akış Kodu





Blogger'a Hareketli Twitter Akışını Ekleyin Blogger Eklentileri
Blogunuzda bir değişiklik yapmanın zamanı gelmedi mi ?Twitter akışınıza hareketlilik kazandırmaya ne dersiniz ? Tam da böyle düşünenlere göre çok güzel bir kod ve harika tasarımlar.  Genellikle haber sitelerinde kullanılan haber akış bandı şeklinde bir kod. Bu kod ile Twitter'a attığınız twitleri blogunuzda hareketli ve canlı bir şekilde göstereceksiniz. Daha önce blogumda manşet alan olduğu için kullanamadığım bu eklentiyi artık sorunsuz bir şekilde bende kullanmaya başladım. Böylece hem blogumu ziyaret edip hemde twitlerimi ziyaretçilerime sunmuş oluyorum. Kullanmış olduğum 1. koddur. Diğerlerini deneyerek zevkinize göre kullanabilirsiniz.
Peki şimdi ben Twitter Akışıma Blogumda Nasıl Hareketlilik Kazandırırım ?
Aşağıdaki 3 koddan herhangi birini seçip kopyaladıktan sonra, Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/Javascript'i seçktikten sonra açılan kutuya kopyaladığınız kodu yapıştırın ve kaydettikten sonra kutuyu kapatın.
Kod 1
<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('bloglamazamani');
},
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/AVvXsEh0jsaI6iOJck6SRieF28r1E3YTT0r1ocy1Cqj4kz-9JlXzi6NZHMcUrnevJMAu95JXjScIWOfmi1RmvBKq0mqrUYd0Vi60LMz5v3BUcBI3aMoT5XrTrNf0b-646ZDMhbvBSvZjFbWuo30/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'>
<p>
  </p>
</div>
Kod 2
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>   <script src="http://bloggermodifiyegad.googlecode.com/files/jquery.marquee.js"></script> 
<script type='text/javascript'>
//<![CDATA[
var Twitter = {
init: function () {
this.insertLatestTweets('bloggermodifiye');
},
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:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjglTNbrkxBpY3SxwzOzZwDCudBLLf4SQvrWuRkwdflPW2_JXKyadvhRp4h1Ef3an9Fk08ZdyxIEqXyaCjelswn13ZVfOCCJnlE69vdYp0JfUgSjLXSmiNjeAdWB2UYuXoFVTF2BCdZ94Q/s320/twitlerimi-bloguma-eklemek-bloglamazamani.png)left center no-repeat ;
padding: 0px 5px 0px 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: 10px 0 7px 0px;
line-height: 1;
}
#twitter marquee a,
#twitter div a {
margin: 0 10px 0 0;
color: #fff;
text-decoration: none;
}
#twitter marquee a i,
#twitter div a i {
font-style: normal;
color: #00ACEE;
}

</style> <div id='twitter'><p>  </p> </div>
Kod 3
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://bloggermodifiyegad.googlecode.com/files/jquery.marquee.js"></script>
<script type='text/javascript'>
//<![CDATA[
var Twitter = {
init: function () {
this.insertLatestTweets('bloggermodifiye');
},
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="2" 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:24px;
background:#fff;
border:1px solid #000;
padding: 0 0 5px 0;

}
#twitter {
background:#ECECEC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAqCNf0QFLNdhSqdXNhVsRYLytIACLLDkldhFsr7cTQB6UCUQLlDA6N7bWZ4Bnaz913A1lE2B7fnYYVFGjKquiy2AjOjmg2Cwjlsbcy4niiQn141KbE9YOjnOK2DQnwv78N6SIRQszGO0/s320/blogger-icin-twitter-akisi-eklemek-bloglamazamani.png)left center no-repeat ;
padding: 2px 5px 9px 131px;
margin: 0 0 0 0px;
overflow: hidden;
height:20px;
}
#twitter p,
#twitter marquee,
#twitter div {
background:#ECECEC;
float: left;
font: 13px bold helvetica, verdana, sans-serif;
margin: 0 10px 0 0;
padding: 6px 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;
padding:0;
margin:0 5px;
}

</style>
<div id='twitter'><p>  </p> </div>
Şimdi Kodda değişiklik yapabileceğiiz yerler; 
('bloglamazamani') yazan yeri kendi hesabınız ile değiştirmeyi unutmayın.
var limit = 5 ; buradaki 5 değeri attığınız son 5 twiti blogunuzda gösterir. Dilerseniz 3 dilerseniz 10 yapıp değiştirebilirsiniz.
direction="left" ; ise attığınız twittlerin soldan sağa doğru akmasına yarar dilerseniz değiştrebilirsiniz. ( Ama bence değiştirmeyin ;) )
scrollamount="1" ; ise twitlerin akış hızı değeridir. Dilerseniz hızı arttırabilir veya azaltabilirsiniz. 
Şimdilik bu kadar. Sormak istediğiniz herhangi bir soru olursa "YORUM" bölümünde belirtebilirsiniz. Tabii bu