Blogger için son twitter yazılarınız eklentisi

17 Yorum






twitterde gönderdiğiniz twitlerinizi blogunuzda şık bi şekilde görülmesi için altaki kodu gatget html javascript bölümüne eklemeniz gerek

kod içinde 2 yerde kırmızı harflerle yazılmş yazılar var birisi yani kırmızı harflerle  ferhatbayramm  yazılan yerde kendi twitter nickinizi yazıcaksınız

diğer kırmızı harflerle yazılan yer ise ben son twettlerim  diye yazdım  isterseniz bunu da kendinize göre değiştirebilirsiniz

altaki kodu ekliyosunuz
<div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8bStsHVzqnLE20NN8dZmImRccRn2wgqOlYjXelOUIErzlXSYl10efKCO4VqqAOQbOgGgki64d0e7UsyoDXy2INQXfYlwcfszNz3XYr3nHNQw8K42OdtSfnpXcHhTql5Go4kSHR_N3DLc/s1600/helperblogger.com-twitter.png" width="64" height="64" alt="Twitter icon" /></div><h2 class="tut">Son twetlerim</h2></div><div id="tweet-container"><img id="loading" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBgJXsZJ0jQmzwlNXXMliIGeUZay6GZs9e8f3gBa5XfGmU4lnSykH1hIGUOOtvBeaWZb3AEb7PAND5HcD7XUFKW_9atnAA5IbnOWQ89c1bZ5pGIZBlvrZp-6X_Qms_vZX4YMubf36fxk/s1600/helperblogger.com-loading.gif" width="16" height="11" alt="Loading.." /></div><div id="scroll"></div></div><style>/* CSS Document */h2.tut{/* This is the "MY TWEETS" title */    color: white;font-family: "Myriad Pro", Arial, Helvetica, sans-serif;font-size: 16px;padding: 12px 0 0 58px;text-transform: uppercase;/* The CSS3 text-shadow property */    text-shadow: 2px 1px 6px #333;}#twitter-ticker{/* Styling the ticker */    width: 300px;height: 300px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKc7gxOqNcVulqABfYiqJVfXPcu7RIcxzGKt6cg1VtBcD0jcX6W12D4gLUdfFrNUxatQM7Ul6iozcPkYKJ5I3uPqy39Cs5jrWRlvDJ_JxaHL-WwKllkzUz0Zwx0oST8erXL7bdicRz7k/s1600/helperblogger.com-slickbg.png) no-repeat #f5f5f5;color: #666666;display: none;/* Rounded corners */    -moz-border-radius: 10px 10px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align: left;}#tweet-container{/* This is where the tweets are inserted */    height: 230px;width: auto;overflow: hidden;}#twitIcon{/* Positioning the icon holder absolutely and moving it to the upper-left */    position: absolute;top: -25px;left: -10px;width: 64px;height: 64px;}#top-bar{height: 45px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNgO78ib6SmVpP-Alhw5l5Ed9hMsG57WkxsWnWL_PrZZWWCHSnNphZwDYozA-g1ErykQegZg5hSlgFjmcKDLDyf_DGoyr8KwlE0dtHdG8Tczqu9ApLJDFcQGhuaS_JTOBvEowkSZQPAg0/s1600/helperblogger.com-top_bar.png) repeat-x;border-bottom: 1px solid white;position: relative;margin-bottom: 8px;/* Rounding the top part of the ticker, works only in Firefox unfortunately */    -moz-border-radius: 6px 6px 0 0;}.tweet{/* Affects the tweets */    padding: 5px;margin: 0 8px 8px;font-family: calibri;border: 1px solid #F0F0F0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhslX3LrpPrLIVZesfSngbxVVpqysocvVnkTEpWQ1Ycu9cbrGu-ekpf259R_0NjpPjX_cLXqHV0iwlgUrnlQnh4XCtsss7oPYbDC-6j1IXjh_JQivL8-_WJgkZXz2q8Wn8CRiDuWDPTgoU/s1600/helperblogger.com-transparent.png);width: auto;overflow: hidden;}.tweet .avatar, .tweet .user, .tweet .time{float: left;}.tweet .time{text-transform: uppercase;font-size: 10px;color: #AAAAAA;white-space: nowrap;}.tweet .avatar img{width: 36px;height: 36px;border: 2px solid #eeeeee;margin: 0 5px 5px 0;}.tweet .txt{/* Using the text container to clear the floats */    clear: both;}.tweet .user{font-weight: bold;}a, a:visited{/* Styling the links */    color: #00BBFF;text-decoration: none;outline: none;}a:hover{text-decoration: underline;}#loading{/* The loading gif animation */    margin: 100px 95px;}.jScrollPaneContainer{position: relative;overflow: hidden;z-index: 1;}.jScrollPaneTrack{position: absolute;cursor: pointer;right: 4px;top: 0;height: 80%;background: #ddd;}.jScrollPaneDrag{position: absolute;background: #999;cursor: pointer;overflow: hidden;}.jScrollPaneDragTop{position: absolute;top: 0;left: 0;overflow: hidden;}.jScrollPaneDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;}a.jScrollArrowUp{display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowUp:hover{/*background-color: #f60;*/}a.jScrollArrowDown{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowDown:hover{/*background-color: #f60;*/}a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color: #f00;*/}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script type="text/javascript" src="http://code.helperblogger.com/jquery.mousewheel.js"></script><script type="text/javascript" src="http://code.helperblogger.com/jScrollPane-1.2.3.min.js"></script><script type="text/javascript" src="http://code.helperblogger.com/ticker-script.js"></script><script type="text/javascript">var tweetUsers=['ferhatbayramm'];</script>

17 yorum:

  1. Kullanışlı ve şık :)
    Güzelmiş.:)

    YanıtlaSil
  2. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  3. C_e_m__

    adres satırında çıkan bu söylediğiniz kırmızı yere bunu ekledim ama olmadı sanırım. kullanıcı adım Cam San. benim blogda sağda sanal profiller başlığında twitterı tıklarsanız profilim çıkıyor zaten.

    mail adresim:

    gereksiz_adam@windowslive.com

    teşekkürler...

    YanıtlaSil
  4. çok hoş bilgiler bunlar teşekkürler.


    Görüşmek üzere
    http://www.bakbuharika.blogspot.com/
    http://www.facebook.com/harikadekorasyon

    YanıtlaSil
  5. teşekkürler ferhat.. dediklerini uyguladım oldu..bize arada böyle bilgiler versen iyi olur...:)

    YanıtlaSil
  6. ferhat bayram:

    teşekkürler yardımlarınız için...

    YanıtlaSil
  7. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  8. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  9. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  10. @cem

    rica ederim yardimim dokunduysa ne mulu bana

    YanıtlaSil
  11. çok güzelmiş teşekkürler
    bloğumda da bilgisini veriyorum hemen

    YanıtlaSil
  12. Ben kendi blogumda yazdığım son tweetlerin görünmesini sevmediğimden bu kodu eklemeyeceğim de sevenler için güzel bir paylaşım :)

    YanıtlaSil
  13. yaptım :) sağol yahu faydalı bilgi depesu sayııııın Ferhat Bayraaaam :)

    YanıtlaSil
  14. Çok güzel olmuş bunun üstten kayan yazı şeklinde olanını görmüştüm

    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