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>
Kullanışlı ve şık :)
YanıtlaSilGüzelmiş.:)
Bu yorum yazar tarafından silindi.
YanıtlaSilC_e_m__
YanıtlaSiladres 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...
çok hoş bilgiler bunlar teşekkürler.
YanıtlaSilGörüşmek üzere
http://www.bakbuharika.blogspot.com/
http://www.facebook.com/harikadekorasyon
teşekkürler ferhat.. dediklerini uyguladım oldu..bize arada böyle bilgiler versen iyi olur...:)
YanıtlaSilferhat bayram:
YanıtlaSilteşekkürler yardımlarınız için...
Bu yorum yazar tarafından silindi.
YanıtlaSilBu yorum yazar tarafından silindi.
YanıtlaSilBu yorum yazar tarafından silindi.
YanıtlaSil@Melodram
YanıtlaSilevet oyledir :)
@Shirin Serkan
YanıtlaSilzaman zaman paylasiyorum abi :)
@cem
YanıtlaSilrica ederim yardimim dokunduysa ne mulu bana
çok güzelmiş teşekkürler
YanıtlaSilbloğumda da bilgisini veriyorum hemen
@darkolivee
YanıtlaSilrica ederim bloguna yakışmış :)
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ıtlaSilyaptım :) sağol yahu faydalı bilgi depesu sayııııın Ferhat Bayraaaam :)
YanıtlaSilÇok güzel olmuş bunun üstten kayan yazı şeklinde olanını görmüştüm
YanıtlaSil