Blogger Son Tweet Kodu eklentisi

Bilindiği gibi twitter gün geçtilçe popülerliğini artırıyor herkesin artık bir twitter hesabı var nerdeyse

twitterin kendi tasarladığı son tweetleri gösteren bir kod mevcut aslında ama onu herkes kullanıyor siz daha değişik daha farklı olmasını isterseniz eğer aşagıdaki kodları blogunuza ekleyin
ama önce demosunu nasıl göründüğünü merak ediyorsanız  Buraya Tıklayın
yapmanız gerekenler şunlar

admin paneline giriyoruz tasarım kısmına geliyoruz htmlıyı düzenle kısmına geliyoruz Widget Şablonlarını Genişlet seçeneğini işaretliyoruz ardından ctrl tuşunu basılı tutarak f tuşuna tıklıyoruz göreçeksiniz arama penceresi açılacak orda altaki kodu aradıyoruz

]]></b:skin>

kodu bulduktan sonra hemen bulduğumuz kodun üzerüne gelicek şekilde altaki kodu ekliyoruz

twitter_update_list{
list-style:none;
}
#twitter_update_list li{
background: #f4f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f4f8f9 1%, #e8f0f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f8f9), color-stop(100%,#e8f0f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8f9', endColorstr='#e8f0f2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f4f8f9 1%,#e8f0f2 100%); /* W3C */
box-shadow: 1px -1px 2px #bbc6c8;
-webkit-box-shadow: 1px -1px 2px #bbc6c8;
-moz-box-shadow: 1px -1px 2px #bbc6c8;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:15px;
width:250px;
}

#twitter_update_list::after {
content: "";
position: relative;
left: 30px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #e8f0f2 transparent;
display: block;
width: 0;
}

kodu ekledikten sonra önizleme butonuna tıklıyoruz eğer bi sorun yoksa normal ise herşey şablonu kaydet butonuna tıklıyoruz

ardından gadget ekle kısmına tıklıyoruz açılan pencerede HTML/JavaScrip i seçiyoruz HTML/JavaScrip te başlıkta Son Tweet yazıyoruz yada kendnşz ne yazmak isterseniz onu yazın size kalmış :)
ardından içerik kısmında altaki kodu ekliyoruz

<ul id="twitter_update_list">
<li>Loading Tweets..</li>
</ul>
<a title="Beni Takip Et" href="http://www.twitter.com/ferhatbayramm" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhPEuXXeMsrEnpqHLrSVAG3nX_7fsK5qLf5P_96bl-6qgervyGDEG-hKl_EZEf4DDr2fkyLM6VO3DcXTdvdAsNxNvqmDaX6uel0K8I_B0eKNOf8HtOnflkqR-WLEY0bs3wzXlB10PhsuE/s1600/twitter-bird-gadget.png" /></a>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ferhatbayramm.json?callback=twitterCallback2&count=1"></script>

ve kaydediyoruz..

Not: son kodda görmüş olduğunuz kırmızı renkle yazılmış ferhatbayramm yazısı yerine kendi twitter hesabınızı yazınız