Yararlı kod paylaşımlarımıza devam ediyoruz..Bu seferki kod twitter paylaşımlarınız için olacak.
Bu kodu çoğu site paylaşmıştır ancak biz yabancı bir siteden aldık kodu tahminime göre diğer sitelerden oralardan almıştır,sonradan kimse bizden çalmışsınız demesin...
Bu kodu çoğu site paylaşmıştır ancak biz yabancı bir siteden aldık kodu tahminime göre diğer sitelerden oralardan almıştır,sonradan kimse bizden çalmışsınız demesin...
Öncelikle ]]></b:skin> kodunu ctrl+f yardımıyla bulalım hemen üstüne aşağıdaki kodu ekleyelim
#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;
}
Ekledikten sonra şablonumuzu kayıt edelim.
Daha sonra Html/Javascript gadgetine aşağıdaki kodu ekleyelim
<ul id="twitter_update_list">
<li>Yükleniyor ..</li>
</ul>
<a title="Takip Et" href="http://www.twitter.com/Oguzhan_aktepe" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRbZjZsL2kJZabklc1jzso5Dd06KGB5-Q5WHub0jWAFD5wxKpI9hObSagKAL2_SSDGAonrmAq_ZnEh6k5R98uUdqm9XptJOnrH92eX4KjXDQUegZok0sA5pkMghv4-vtufpXf0GiCxUxT4/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/Oguzhan_aktepe.json?callback=twitterCallback2&count=1"></script>
Kodun içerisindeki Oguzhan_aktepe yerine kendi twitter kullanıcı adınızı yazınız..
İşimiz bitti bu kadar :)
Eğer kodun içerisindeki twitter kuşunu beğenmezseniz buradan yenilerine bakabilirsiniz
Hiç yorum yok:
Yorum Gönder
Yorum Attığınız İçin Teşekkürler :) Büyüknet.Blogspot.com