7 Haz 2012

Blogger Jquery Son Twitler Eklentisi


Blogger Jquery Son Twitler Eklentisi Widgets


Blogunuzun bir köşesinde , twitter hesabınızdan yazdığınız son yazılarınızı göstermek istermisiniz ?

Jquery ile hazırlanmış , son twitlerim eklentisi ile , twitter yazılarınızı blogger blogunuzdan ziyaretçilerinizle paylaşabilirsiniz..


Hemen anlatıma geçelim..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..
<div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="http://4.bp.blogspot.com/-UNQrmlioecg/T89yR2reesI/AAAAAAAAB64/324lZ45HRME/s1600/helperblogger.com-twitter.png" width="64" height="64" alt="Twitter icon" /></div><h2 class="tut">Son Yazdıklarım</h2></div><div id="tweet-container"><img id="loading" src="http://1.bp.blogspot.com/-Qo7DSE4VZTc/T89vaCpfmxI/AAAAAAAAB6U/Evm2sfQmx3c/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(http://1.bp.blogspot.com/-83XwuG1aPSs/T89val9XCvI/AAAAAAAAB6c/zpF84wp5Z2E/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(http://4.bp.blogspot.com/-1K4Usc2Cnzw/T89vbZU2HwI/AAAAAAAAB6k/7X1p1vDO3zI/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://lh5.googleusercontent.com/-H0JYmUBH7Yw/T89vb3l6ByI/AAAAAAAAB6s/oNgdub_WqQ8/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: 100%;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=['BloggerEklenti'];</script>
Yukarıdaki kod içinde geçen , kırmızı ile yazılmış BloggerEklenti Yerine kendi blog adresinizi , mavi le yazılmış olan width: 300px;height: 300px; değerlerini değiştirerek ise eklentinin genişlik ayarlarını düzenleyebilirsiniz..


<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Jquery Son Twitler Eklentisi , Blogger Jquery Son Twitler Widgets , Blogger  Son Twitler Eklentisi , Blogger Jquery Son Twitter yazılarım Eklentisi , Blogger Twit Gösterme eklentisi , Blogger Son Yazdığım Twitter Yazılarım


Eklentileri.blogspot.com Hakkında.


Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..

Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..

15 yorum:

Adsız dedi ki...

güzel

Yonca dedi ki...

ben blogumda kullanmaya başladım bile :)
http://yoncademirel.blogspot.com

servis dedi ki...

Çalışmalarınızda başarılar dileriz . Dizüstü servisleri olarak sizi yakından takip ediyoruz .

servis dedi ki...
Bu yorum bir blog yöneticisi tarafından silindi.
domaino dedi ki...

güzel olmuş, başarılar...

Mehmet Gökgöz dedi ki...

güzel bir eklenti de twitter adresimizi nereye yazıcaz

Adsız dedi ki...

çok güzel sontransferler ile daha güzel olur

Adsız dedi ki...

BLG İŞİNDEN ANLAYAN VARSA LÜTFEN YARIM ETSİN

Adsız dedi ki...

YUH BE KOCA SAYFADA YARDIM EDECEK BİR ALLAHIM KULU YOK MU

mert bilir dedi ki...

admin ya bn bir blog açtım blogumda şöyle bir srun var ANA SAYFA-FUTBOL-BASKETBOOL-VOLEYBOL diye BUTONLAR yaptım ama bunların yönlendirmelerini bilmiyorum bunu nasıl yapacam

yardim blogum dedi ki...
Bu yorum bir blog yöneticisi tarafından silindi.
Adsız dedi ki...

admin twitter hesabımızı nereye yaazıcaz

Eklentileri.Blogspot dedi ki...

@Adsız

Kırmızı ile yazılmış olan , "BloggerEklenti" yerine yazacaksınız..

Öz Mavi dedi ki...

Kaç twit gösterileceğini ayarlayamıyor muyuz? 2 gösteriyor mesela, altında da boşluk kalıyor. -,-

Eklentileri.Blogspot dedi ki...

@Öz Mavi
Kod içinde yer alan width: 300px;height: 300px; değerleriyle oynayınız , height: değerini 500 yapın örneğin yada blog tasarımınıza göre daha fazla ayarlayınız..

Yorum Gönder

Blogger tarafından desteklenmektedir.