26/05/2012

Contagem Regressiva no blog



Oie pessoinhas! Tudo bem com vocês? Comigo tudo ótimo! A pedido de uma leitora vim trazer mais um tutorial pra vocês, o tutorial de hoje é: Como colocar contagem regressiva no blog!

Esse tutorial é muito fácil pois não envolve o HTML do seu blog!

Primeiro adicione um Gadget >> HTML/JavaScript. >> Cole o seguinte código: (cole o código completo, pois poderá ter problemas no efeito)


<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday) {
yr=theyear;mo=themonth;da=theday
} setcountdown(2009,10,05)


var occasion="Data Especial"
var message_on_occasion="É hoje"


var countdownwidth='510px'
var countdownheight='200px'
var countdownbgcolor='#ccffe1'
var opentags='<font face="Verdana" size="2" color="#000000">'
var closetags='</font>'



var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write (opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Já passou"+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " dias, "+dhour+" horas, "+dmin+" minutos, e "+dsec+" segundos para a <b>"+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

Agora vamos as modificações:

Nessa parte:

<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday) {
yr=theyear;mo=themonth;da=theday
} setcountdown(2009,10,05)

var occasion="Data Especial"
var message_on_occasion="É hoje"

Mude oque está de vermelho, onde tem (2009,10,05) é o dia que a contagem regressiva acaba, lembrando que é (Ano, Mês e Dia). E em 'Data Especial' coloque uma frase, por exemplo: tal ano tal mês tal dia vai ter festa no blog.

É isso, gostaram? deixe o seu comentário!

4 comentários:

  1. Poxa eu tava muito querendo saber como colocava isso no blog, me ajudou muito!'

    moodernteen.blogspot.com

    Mil Beijos!'

    ResponderExcluir
  2. Daniih olha eu encomendei um layout vip no seu blog de encomendas só que eu fiquei em dúvida de qual e-mail botar o do msn ou o do blog então eu botei o do msn , mais olha o do blog aqui:

    luanaakarina@gmail.com

    ResponderExcluir
  3. Olá, obrigada pela visita no meu blog !
    Gostei do tutorial, é interessante, hehe
    Vou tentar usá-lo quando houver algo importante no meu blog, rsrs
    Seu blog é liiindo *--*
    Já estou seguindo com muito prazer !
    Estava vendo e nossos blogs tem quase a mesma quantidade de seguidores. Que tal se fizéssemos um concurso ? Seria demais, hehe
    Espero que você tope e é isso.
    Beijos docinho, tchau tchau :]

    sonheicomoparaiso.blogspot.com

    ResponderExcluir
  4. Amei coloquei no meu blog.
    Parabéns pelo blog viu.
    Seguindo>> Things Of Teenager

    ResponderExcluir