Blogger Üst Çubuk Eklentisi ~ LerikBird

Merhaba arkadaşlar bu gün sizlere blogger sitelerinde çok gördüğümüz üst çubuk eklentisinin nasıl yapıldığını anlatacağım. Blogunuzu özelleştirmek istiyorsanız bu eklenti tam size göre. Hemen anlatıma geçeyim.

Ekle

İlk olarak aşağıdaki kodu buluyoruz.

]]></b:skin>

Bulduğumuz kodun hemen üstüne aşağıdaki kodu ekliyoruz.

.ust_cubuk
{
background-color:#f9f8f3;
top:0;
width:857px;
height:20px;
left:0;
vertical-align:center;
padding:5px;
border:1px solid #ddd;
margin:0 auto;
border-radius: 0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-khtml-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}

Ekledikten sonra tekrar aşağıdaki kodu buluyoruz.

<body>

Bulduğumuz kodun hemen altına aşağıdaki kodları ekliyoruz.

<div class='ust_cubuk'><span style='float:left'><div id='siteinfo'>Bu blog'da <b><script type='text/javascript'> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src='/feeds/posts/default?alt=json-in-script&callback=showpostcount'/></b> yazıya yazılmış <b><script type='text/javascript'> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src='/feeds/comments/default?alt=json-in-script&callback=showpostcount'/></b>    adet değerli yorumlarınız bulunmaktadır. Yorum yapan herkese çok teşekkürler.</div></span>  <img alt='kalp' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEu68LAUqMnTos2-pGXzdRw2lSBf93GRzkLMZqRa8dbcHyYHHmLPprTB8APS5xDmn4EWaEV5Y14L533pHEMq3FjeyLSPaOTfRMwI0cBO6bdXd_vzipnxibArHgyN5o09goEotH9Z8r1uw/s1600/kalp-ilkaygurler.png' style='margin-top:2px;margin-left: 155px;float:left;' width='13'/><div id='birlikteyiz' style='margin-top:0px;text-align:center;color:#69aace;font-size:11px;text-shadow: 0px 1px 0px #fff;'><script type='text/javascript'>function dcountup(startingdate, baseunit){     this.currentTime=new Date()     this.startingdate=new Date(startingdate)     this.timesup=false     this.baseunit=baseunit     this.start() } dcountup.prototype.oncountup=function(){} //default action for "oncountup" dcountup.prototype.start=function(){     var thisobj=this     this.currentTime.setSeconds(this.currentTime.getSeconds()+1)     var timediff=(this.currentTime-this.startingdate)/1000 //difference btw target date and current date, in seconds     var oneMinute=60 //minute unit in seconds     var oneHour=60*60 //hour unit in seconds     var oneDay=60*60*24 //day unit in seconds     var dayfield=Math.floor(timediff/oneDay)     var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)     var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)     var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))     if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level         hourfield=dayfield*24+hourfield         dayfield="n/a"     }     else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level         minutefield=dayfield*24*60+hourfield*60+minutefield         dayfield=hourfield="n/a"     }     else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level         var secondfield=timediff         dayfield=hourfield=minutefield="n/a"     }     var result={days: dayfield, hours:hourfield, minutes:minutefield, seconds:secondfield}     this.oncountup(result)     setTimeout(function(){thisobj.start()}, 1000) //update results every second } </script><div id='duyurutarih'/><script type='text/javascript'>//SYNTAX: myvariable=new dcountup(past_date_and_time_string, "baseunit") var princewedding=new dcountup("December 25, 2013", "days") princewedding.oncountup=function(result){     //result is an object containing the current count up date/time, updated every second     //Available properties: result["days"], result["hours"], result["minutes"], and result["seconds"]     var mycountainer=document.getElementById("duyurutarih")     mycountainer.innerHTML=""+result['days']+" gündür birlikteyiz." } </script></div></div>

4 Şubat 2014 Salı

Blogger Üst Çubuk Eklentisi

Ekle

<body>

0 yorum:

Yorum Gönder

Reklam Alanı

Son Tweet

Facebook Sayfamızı Beğenin

Bize Katılın

Popüler Yayınlar

Reklam Alanı

İletişim Formu

Reklam Alanı