domingo, 2 de octubre de 2016

Contador cuanto queda para halloween

¡Hola! En esta entrada os voy a enseñar a poner un contador que te indica cuanto queda para Halloween , como ya os dije en la entrada anterior "Ya va quedando poco para halloween"

Antes de empezar quiero dejar bien claro que el contador lo he hecho yo , por lo cual no os lleveis el merito :)




1º Paso:

Ir a diseño agregar Java Script

2º Paso:

Pegar el siguiente codigo




CODIGO:


<div class="widget HTML" data-version="1" id="HTML27">
<div class="widget-content">
<center><br />
<div style="border: 0px solid rgb(0, 102, 51); color: #002233; font-size: 90%; left: 0px; padding: 7px; z-index: 888;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggugmMmj0LfnPaiuQZd2aCNYfGbheGze0Z9STElbt1BteFIdeXvi0zMR0aT7uNVKWzHxU5Pz9CCo9GOLy013pbD5VakVO24qS-N9JlpePDw9V2YwQTW5Bokzr1wSRiCgrEPJTrtMwgqzk/s1600/halloween-ghost-animated.gif" style="clear: both; display: block;" /><br />
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 10, 31)
var beforeOccasionText="hasta Halloween"
var onOccasiontext="¡Feliz Halloween! &#161;TGB"
var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""
calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}
var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script><b></b></div></center>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=3787173402680199807&amp;widgetType=HTML&amp;widgetId=HTML27&amp;action=editWidget&amp;sectionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML27&quot;));" target="configHTML27" title="Editar">
<img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>



Ejemplo:











Espero que os aya gustado mi creación :)

También deciros que esta semana del 3 de Septiembre solo subiré entrada el sábado :/

¡Bueno no pasa nada!

¡Nos vemos en la proxima!

3 comentarios:

  1. ¡Hola! Me ha encantado tu contador y lo he puesto en mi blog. Muchísimas felicidades, he dejado tu blog en favoritos. :D ¿Hay alguna forma de que pueda darte créditos? Muchas gracias. :D

    ResponderEliminar
  2. I'm a special Man in the world best on my words I don't mind who you are.

    Everyday my music go on the world

    ResponderEliminar