Blogger Kayan Haber Duyuru Eklentisi




Blogger için kayan haber akış eklentisi. Bu eklenti sayesinde blogunuzda duyurularınız yada popüler yayınlarınızı etkileyici bir şekilde kullanıcılarınıza ulaştırabilirsinizi..


1-Blogger /Tassarım
2- Html javasicript Widget seçin
3-Kodu yapıştırın

<style type="text/css">
/*Example CSS for the two demo scrollers*/
#pscroller2{ 
background:url(http://4.bp.blogspot.com/-7ZFQXCvcnjQ/TlfjPMxiBJI/AAAAAAAAEzM/jrV-qvI_xqM/s400/updates1.gif) no-repeat top left; 
width: 430px; 
height: 20px; 
border: 1px solid #ddd; 
padding: 3px 3px 3px 40px; 
margin:10px 0; 
}
#pscroller2 a{ 
text-decoration: none; 
color:#0080ff; 
}
#pscroller2 a:hover{ 
text-decoration: underline; 
}
.someclass{ 
}
</style>
<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/

var pausecontent2=new Array() 
pausecontent2[0]='<a href="#">KONU BAŞLIĞI</a>' 
pausecontent2[1]='<a href="#">KONU BAŞLIĞI</a>' 
pausecontent2[2]='<a href="#">KONU BAŞLIĞI</a>' 
pausecontent2[3]='<a href="#">KONU BAŞLIĞI</a>'
</script>
<script type="text/javascript"> 
function pausescroller(content, divId, divClass, delay){ 
this.content=content //message array content 
this.tickerid=divId //ID of ticker div to display information 
this.delay=delay //Delay between msg change, in miliseconds. 
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is) 
this.hiddendivpointer=1 //index of message array for hidden div 
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>') 
var scrollerinstance=this 
if (window.addEventListener) //run onload in DOM2 browsers 
window.addEventListener("load", function(){scrollerinstance.initialize()}, false) 
else if (window.attachEvent) //run onload in IE5.5+ 
window.attachEvent("onload", function(){scrollerinstance.initialize()}) 
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec 
setTimeout(function(){scrollerinstance.initialize()}, 500) 
}
// ------------------------------------------------------------------- 
// initialize()- Initialize scroller method. 
// -Get div objects, set initial positions, start up down animation 
// -------------------------------------------------------------------
pausescroller.prototype.initialize=function(){ 
this.tickerdiv=document.getElementById(this.tickerid) 
this.visiblediv=document.getElementById(this.tickerid+"1") 
this.hiddendiv=document.getElementById(this.tickerid+"2") 
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv)) 
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2) 
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px" 
this.getinline(this.visiblediv, this.hiddendiv) 
this.hiddendiv.style.visibility="visible" 
var scrollerinstance=this 
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1} 
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0} 
if (window.attachEvent) //Clean up loose references in IE 
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay) 
}

// ------------------------------------------------------------------- 
// animateup()- Move the two inner divs of the scroller up and in sync 
// -------------------------------------------------------------------
pausescroller.prototype.animateup=function(){ 
var scrollerinstance=this 
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){ 
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px" 
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px" 
setTimeout(function(){scrollerinstance.animateup()}, 50) 
} 
else{ 
this.getinline(this.hiddendiv, this.visiblediv) 
this.swapdivs() 
setTimeout(function(){scrollerinstance.setmessage()}, this.delay) 
} 
}
// ------------------------------------------------------------------- 
// swapdivs()- Swap between which is the visible and which is the hidden div 
// -------------------------------------------------------------------
pausescroller.prototype.swapdivs=function(){ 
var tempcontainer=this.visiblediv 
this.visiblediv=this.hiddendiv 
this.hiddendiv=tempcontainer 
}
pausescroller.prototype.getinline=function(div1, div2){ 
div1.style.top=this.visibledivtop+"px" 
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px" 
}
// ------------------------------------------------------------------- 
// setmessage()- Populate the hidden div with the next message before it's visible 
// -------------------------------------------------------------------
pausescroller.prototype.setmessage=function(){ 
var scrollerinstance=this 
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100) 
else{ 
var i=this.hiddendivpointer 
var ceiling=this.content.length 
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1 
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer] 
this.animateup() 
} 
}
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any 
if (tickerobj.currentStyle) 
return tickerobj.currentStyle["paddingTop"] 
else if (window.getComputedStyle) //if DOM2 
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top") 
else 
return 0 
}
</script>

<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds) 
new pausescroller(pausecontent2, "pscroller2", "someclass", 1000)
</script>

NOT: Konu başlıklarını kendinize göre düzenleyip link verin

Yorum

BLOGGER: 1
Yükleniyor...
Ad

2011-2012,1,Altyazı,5,Araçlar,1,Assassin’s Creed,1,bayram,1,beğen,2,Bilim-Kurgu,1,Blog,1,Blogger,37,Blogger İçin Arama Kutuları,1,Blogger İçin Yukarı Çık Butonu,1,Blogger Tema,14,bulut,1,cevap,1,Chat,1,ChromeGT,1,Counter-Strike,1,CS: Global Offensive,1,demo,1,DGS,1,Diz,1,Dizi,7,Duyuru,1,ehliyet,2,Eklentiler,11,etiket,1,Facebook,2,Featured,3,fikstür,1,Film,5,Flash,2,Flash Müzik Aletleri,1,Flash Twitter Takip Edin Kusu,1,Flash Twitter Takip Edin Kusu-2,1,Futured,2,Galeri,1,Genel,68,Gitar,1,Gönderi,1,Haber,1,Hareketli,1,Hata,1,Html,1,indir,1,JQuery,1,Karav1,1,Kayan,1,kazakistan,1,Kesif,2,key,1,kırma,1,Kişisel,4,Kitap,5,kod,1,komik,2,Link Takas,1,maç,1,merlua,1,mesaj,1,MTSS,1,Müzik,1,Nasıl Yapılır ?,1,Nasil,1,NTV spor,1,Os,1,Oyun,5,Pes 2012,2,Pes 2013,1,Pirelli 2012 takvimi,1,Pop up Sosyal Paylaşım Butonları,1,PoSosyal Paylaşım Butonları,1,Psd,3,resim,1,S,1,sezon,1,Sınavlar,3,Site İçinde Uçan Twitter Kuşu Kodu,1,Site Tasarım,4,sitemap,1,sonuç,1,soru,1,Sosyal Ağlar,1,sosyal paylaşım ikonları,1,Spor,2,Süper Lig,1,şifre,1,Tablo,1,Tanıtım,1,TDizi,3,teknoox,1,tema,4,tercih,1,Torrent,8,türkiye,1,Video,2,westward,1,Yabancı,2,Yazılar,2,yerleştirme,1,Yolcu Tr,1,Yurdumun İnsanı,1,
ltr
item
Teknoox: Blogger Kayan Haber Duyuru Eklentisi
Blogger Kayan Haber Duyuru Eklentisi
http://2.bp.blogspot.com/-LIrOXkEJXI8/Tli3xanqbZI/AAAAAAAAAo0/qHcSDoS4gHM/s1600/kayan+haber.png
http://2.bp.blogspot.com/-LIrOXkEJXI8/Tli3xanqbZI/AAAAAAAAAo0/qHcSDoS4gHM/s72-c/kayan+haber.png
Teknoox
http://www.teknoox.info/2011/08/blogger-icin-kayan-haber-aks-eklentisi.html
http://www.teknoox.info/
http://www.teknoox.info/
http://www.teknoox.info/2011/08/blogger-icin-kayan-haber-aks-eklentisi.html
true
5400148481297904332
UTF-8
Tüm Yazılar Yükleniyor Ama Birşey Bulamadım Tümünü Görüntüle Devamı Cevapla Gerial Sil Yazan Anasayfa Sayfalar Yazılar Tümü Bakılasıcalar Etiket Arşiv Ara Tüm Yazılar Herhangi birşey bulunamadı. Geri Işınlan Sunday Monday Tuesday Wednesday Thursday Friday Saturday Pzr Pts Sal Çar Per Cum Cts Ocak Şubat Mart Nisan Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis May Haz Tem Ağu Eyl Eki Kas Ara Şimdi 1 dakika önce $$1$$ ay önce 1 hafta önce $$1$$ gün önce Dün $$1$$ gün önce $$1$$ hafta önce 5 hafta önce Takipçiler Takip Ücretli Paylaşım Kilidi Kopyala Tümünü Seç Kopyalandı Copyalamak İçin [CTRL]+[C] (or CMD+C with Mac) to copy