Blogger Son Tweet Kodu eklentisi

6 Yorum




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="http://2.bp.blogspot.com/-4AGdDmbmgME/TlaB48rCL6I/AAAAAAAAE8M/LGVBmA81n2E/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

6 yorum:

  1. Farklıymış.:) Ama o kuş çok kocaman ya.:D

    YanıtlaSil
  2. kuş resmini değiştirebilirsin zaten daha minik twitter ikonu koyarsın zevkine bağlı

    YanıtlaSil
  3. Harika bir site oluşturmşsunuz. Emeğinize, ellerinize sağlık.

    YanıtlaSil
  4. siteni tüm bloggerlar takip etmeli die düşünüyorum

    YanıtlaSil
  5. yorum paneli düzenlemeni rica etsem bana yollayabilir misin.

    YanıtlaSil
Yorum yaparken dikkat edilmesi gerekenler:

* Yaptığınız yorumun tamamı büyük harf olmamasına özen gösteriniz
* Yorumlarınız da argo içeren kelimeler kullanmayınız
* Reklam amaçlı yorumlarda bulunmayınız
* Konu dışında iletmek istediğiniz bir şey varsa iletişim formunu kullanın
* Yorumlarınızdan dolayı sizlere teşekkür ediyorum