Tiempo de Vida de tu Blog

Hola de nuevo, si quieres mostrar a tus visitantes cuantos dias tiene tu blog de existencia, lo que tienes que hacer es lo siguiente:

Nos dirigimos a :
Plantilla--Elementos de la pagina

Damos click en "Añadir nuevo elemento de pagina", escojemos la opcion de HTML/JavaScript

Copiamos y pegamos lo siguiente:

<script>
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy
var paststring=montharray[m-1]+" "+d+", "+yr
var difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" días"
document.write("Hace "+difference+" que este Blog esta en linea!")
}
//NOTA: Cambia en la linea de abajo, el dia desde el que quieres contar el tiempo
countup(2006,09,30)
</script>

Hoy es <script><!--
dows = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
months = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
now = new Date();
dow = now.getDay();
d = now.getDate();
m = now.getMonth();
h = now.getTime();
y = now.getFullYear();
document.write(dows[dow]+" "+d+" de "+months[m]+" de "+y);
//--></script>

Listo, cambias lo marcado con rojo, guardas los cambios y listo.
Nota: Parte de este código ha sido tomado de Noticias-Blogs y ha sido modificado para su correcto funcionamiento.

Read more »

Fecha diaria en el blog

Algunos me han preguntado cómo poner la fecha en el blog de modo que se actualice automáticamente, tal como lo tengo arriba de la cabecera de este mismo blog del lado izquierdo.

Esto se usa mucho en blogs de noticias pero igual puede usarse en cualquier blog ya que la fecha aparece de forma discreta y de manera sencilla.

Funciona con un script en el cual la fecha se actualiza automáticamente con la fecha de la computadora.

 

Para ponerlo en tu blog sólo entra en Diseño > Edición de HTML, busca esta etiqueta:

<div id='header-wrapper'>

O si usas una plantilla del Diseñador de plantillas de Blogger busca esta etiqueta:

<header>

Y justo arriba de cualquiera de ellas pega lo siguiente:


<div class='fechadeldia'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year &lt; 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym&lt;10)
daym=&quot;0&quot;+daym
var dayarray=new Array(&quot;Domingo&quot;,&quot;Lunes&quot;,&quot;Martes&quot;,&quot;Miércoles&quot;,&quot;Jueves&quot;,&quot;Viernes&quot;,&quot;Sábado&quot;)
var montharray=new Array(&quot;Enero&quot;,&quot;Febrero&quot;,&quot;Marzo&quot;,&quot;Abril&quot;,&quot;Mayo&quot;,&quot;Junio&quot;,&quot;Julio&quot;,&quot;Agosto&quot;,&quot;Septiembre&quot;,&quot;Octubre&quot;,&quot;Noviembre&quot;,&quot;Diciembre&quot;)
document.write(&quot;&lt;p&gt;&quot;+dayarray[day]+&quot;, &quot;+montharray[month]+&quot; &quot;+daym+&quot;, &quot;+year+&quot;&lt;/p&gt;&quot;)
</script>
</p>
</div>


Con eso tendrás la fecha en tu blog arriba de la cabecera. Si quisieras agregarle estilos como color de fondo, cambiar el texto, etc. entonces pega antes de ]]></b:skin> esto:


.fechadeldia p {
background: #0B3861; /* color de fondo */
width: 99%; /* ancho del fondo */
margin: 0;
padding: 1px 0 3px 10px;
color: #FFF; /* color del texto */
font-weight: bold;
font-style: italic;
font-size: 12px; /* tamaño del texto */
}


Puedes cambiar los estilos que quieras, he puesto en color verde a qué corresponde cada uno; agrega o elimina los que quieras.

 

Read more »