Mostrando entradas con la etiqueta Herramientas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Herramientas. Mostrar todas las entradas

viernes, 3 de enero de 2014

Poner Musica (audio) en las entradas de Blogger

SonoWebsHaz que tus lectores puedan escuchar tus post publicadosen Blogger através de SonoWebs. Esta es una herramienta muy útil que te permite darle voz a todo lo que escribes. Y ni siquiera tienes que registrarte además de que puedes escoger de entre 10 diseños de reproductor o subir tu propia imagen.
Para usar esta poderosa herramienta sólo escoge tu diseño y pega el código en tu plantilla. Incluso ellos te dicen cómo hacerlo usando imágenes explicativas para que sea menos complicado.

¿Crees que eso es todo? Pues no, también puedes escribir un texto desde su sitio y generar un código HTML para que lo pegues en tu blog y tus lectores escuchen el texto que escribiste. En definitiva esta herramienta te quedará perfecta para darle más opciones de accesibilidad al público.

<-- adsense -->

Poner vaaloración de estrellas en las entradas del blog

Saber cómo califican los demás nuestras entradas es un modo muy útil para saber qué tan gratas son nuestras publicaciones y esto nos da una idea de cómo mejorar. Afortunadamente Blogger desde hace poco ha incorporado este widget a su sistema y ya está disponible para nosotros.

Valoración de estrellas

Para habilitarlo hacemos lo siguiente, entramos en Diseño y en la esquina inferior derecha deEntradas del blog hacemos click en Editar.
Ahí marcamos la casilla Mostrar la evaluación de estrellas. Si no vemos esta función repetimos los mismos pasos pero desde Blogger in Draft.

Rating
Algunas plantillas no tienen el código completo para que se muestren las estrellas de valoración, si ese es tu caso entonces entra en Plantilla | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<b:include name='feedLinks'/>
Justo debajo de ella agrega esto:
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Ahora busca esta línea (es posible que la tengas dos veces, si así fuera prueba en ambas):
<div class='post-footer'>
Y debajo añade este código:
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor'
expr:g:url='data:post.absoluteUrl'
g:height='42'
g:type='RatingPanel'
g:width='180'>
</div>
</b:if>
</span>
Con eso ya tendrás el sistema de valoración de estrellas de Blogger en tus entradas.

Cientos de Gadgets para Blogger

El pronóstico del tiempo, conversor de divisas, Messenger, estaciones de radio, citas célebres, chistes, pacman, webcams on line y cientos de complementos puedes encontrar en Google Gadgets.
Desde hace algunos años Google le dio pase abierto a webmasters para crear sus gadgers y subirlos y de este modo acumular cientos de gadgets para usar libremente en tu sitio. Ya sea por categoría o simplemente poner en la barra de búsqueda el gadget que buscas y podrás escoger el que más te convenga.

Instalarlo es fácil, sólo da click en el gadget que quieres añadir, configura las opciones (si las tuviera) y click en Obtener el código. Ahora sólo copia el código, entra en Diseño | Añadir un gadget | HTML/Javascript y pega el código que copiaste.

Usa sólo los que creas realmente necesarios para tu blog, ya que el uso excesivo e innecesario de ellos alenta la carga del sitio y no se ve nada estético.

Publicidad



Texto a voz
Gadgets powered by Google


Chiste de Hoy
Gadgets powered by Google


NOTA: Una gran parte del contenido del directorio de gadgets la ha desarrollado otras empresas o usuarios de Google, no Google mismo. Google no se hace responsable de su rendimiento, calidad ni contenido.

Enlace | Google Gadgets

Slideshow con fotos propias

Como muchos saben, Blogger dentro de los gadgets que ofrece tiene uno de presentación de fotos; estas fotos son recopiladas de Picasa,Flickr y Photobucket. El problema es que casi nadie lo usa debido a que sólo muestra fotos de una palabra clave. Por ejemplo, si seleccionasPicasa como fuente deberás escribir una palabra clave para que la presentación de fotos incluya todas las imágenes que encuentre con esa palabra clave.

slideshow

¿Pero qué pasa si quiero usar fotos mías y no fotos que Picasa recopila de la web?
Entonces vamos a ver cómo crear una presentación de fotos usando sólo las fotos que quieras.
Hay dos formas de hacerlo, una es creando un álbum público y otra es creando un álbum (aunque no sea público) y mostrando las fotos a través de un feed.

A través de un feed


  1. Primero entra a Picasaweb y crea un nuevo álbum de fotos, ahí debes subir todas las fotos que quieras que se muestren en el slideshow.
  2. En el lado derecho verás los datos del álbum incluyendo un enlace que dice RSS, con el botón derecho del mouse selecciona Copiar la ruta del enlace.

    RSS Picasa
  3. Ahora entra a Diseño | Añadir un gadget y elige Presentación.
  4. En la Fuente selecciona Otros y en la URL del feed pega el link que copiaste de Picasa.
  5. Ya sólo escoge las opciones de velocidad y presentación aleatoria.


Con un álbum de fotos público


  1. Entra a Picasaweb y crea un álbum nuevo.
  2. En Editar selecciona Propiedades del álbum y marca la casilla Público.
  3. Ahí agrega todas las fotos que quieras para tu slideshow.
  4. Ahora entra a Diseño | Añadir un gadget y elige Presentación.
  5. En la Fuente selecciona Álbumes de Picasa y marca la casilla Álbum.
  6. En Nombre de usuario pon tu dirección de correo electronico con la que te registras en Picasa o Blogger, y selecciona el álbum público que creaste.
  7. Escoge las opciones que quieras y guarda los cambios.

De este modo tendrás una presentación de fotos (slideshow) con las imágenes que tú has elegido mostrar.
Cuando quieras agregar o eliminar más fotos sólo entra a Picasaweb y realiza los cambios. Blogger actualizará las fotos automáticamente.

Crea tu propia barra de herramientas

El poder ofrecerles a tus usuarios una barra de herramientas para su navegador de Internet no sólo le da un toque de profesionalismo a tu blog, sino que genera un gran tráfico de visitas hacia tu sitio.
Conduit te permite crear y personalizar tu propia barra de herramientas en la cual puedes incluir el logotipo de tu blog, un lector de feed, búsqueda web, notificador de correos, avisos en tiempo real, juegos, chats y muchas cosas más.
Para crear la tuya hay que seguir estos pasos:

  1. Entra a Conduit y regístrate.
  2. Una vez registrado, haz click en Edit It Now.
  3. Toolbar
  4. Agrega los gadgets que quieras, tu logotipo, etc. y edítalos a tu gusto.
  5. Una vez que hayas terminado de personalizarla, copia la dirección que aparece en Your toolbar's download page.
  6. Comparte esa dirección con tus lectores para que descarguen tu barra de herramientas, o entra en la pestaña llamada Banners y selecciona un banner de descarga y ponlo en tu blog.
Así de sencillo puedes ofrecerle a tus seguidores una innovadora forma de estar al día con tu blog. Este complemento puede desinstalarse en cualquier momento y es compatible con Mozilla Firefox e Internet Explorer. Además, el usuario puede añadir más gadgets a la barra, por lo que podrán personalizarla de acuerdo a sus necesidades.
Y por si fuera poco puedes unirte al programa de afiliados en el cual te pagan una comisión por cada barra de herramientas que se descargue e instale.




Enlace: Conduit

jueves, 2 de enero de 2014

Agregar el botón de iGoogle en Blogger

iGoogle logo
Para quienes no saben qué es iGoogle, digamos que es tu página de Google personalizada, la cual tiene el potente buscador Google y además puedes agregar contenido de terceros como noticias, pronóstico del tiempo, frases del día, correo electrónico, etc. De este modo conviertes tu habitual página de inicio de Google en una página personalizada con los gadgets que te interesan para tener todo a la mano.

Si aún no la tienes entra a iGoogle y accede con tu cuenta de Blogger o Gmail; añade los gadgets que quieras y listo.
Bien, entonces lo que haremos será crear un agregador para que tus lectores al pulsarlo puedanañadir a su iGoogle los últimos artículos de tu blog para que puedan estar al tanto de qué es lo que publicas.

Sólo entra a Diseño > Elementos de la página > Añadir un gadget y seleccionaHTML/Javascript, ahí pega lo siguiente:
<div>Agrega mi blog en tu iGoogle</div>
<a href="http://fusion.google.com/add?source=atgs&moduleurl=http%3A//nombre-de-mi-blog.blogspot.com/feeds/posts/default"><img border="0" alt="Add to Google" src="http://buttons.googlesyndication.com/fusion/add.gif"/></a>

Sólo cambia el nombre de tu blog y listo, tus lectores podrán tener acceso al contenido de tu blog desde iGoogle.

Agrega a Ciudad Blogger en tu iGoogle
Add to Google

Opción de guardar el post de blogger en PDF

Esto hará que su blog sea más dinámico, pues podrá guardarse en un documento que estará listo para ser enviado por email o para subirlo a cualquier página y pueda compartirse en otros medios.

blogger2pdf


Para ello usaremos un código desde el cual Web2pdfconvert nos permitirá guardar los post del blog en formato PDF.

Lo único que necesitas hacer es entrar a Diseño > Edición de HTML, marcar la casilla de Expandir artilugios y buscar esta línea:
<div class='post-footer-line post-footer-line-3'>

Si no aparece esa línea en tu plantilla busca esta otra:
<p class='post-footer-line post-footer-line-3'>

Ahora debajo de esa línea pega lo siguiente:
<script type='text/javascript'>
var
pdfbuttonlabel=&quot;Guardalo en PDF&quot;
</script>
<script src='http://www.web2pdfconvert.com/pdfbutton.js' type='text/javascript'/>

Guarda los cambios y listo, verás abajo de cada post la opción de guardar la entrada en PDF. Puedes verlo funcionando en este blog de pruebas, haz click en Guardar como PDF y se abrirá una página que hará la conversión de formato, cuando esté listo da click en Click to download PDF filey el archivo se descargará en tu equipo.

Gadget de estadísticas del blog



Este gadget al igual que el anterior ya ha circulado desde hace tiempo, se trata de mostrar el número de entradas y de comentarios que tiene el blog, sólo que yo le he agregado el tiempo de vida del blog, o sea los días que tiene online desde que se creó.

Para agregarlo entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascripty ahí pegar esto:
<div style="float: left;"><img style="width: 53px; height:48px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Yi0nFGEF18D_R04RI-Jign-aPXBQmIMzY3Vt5XeVs1VZ6af6nsgB66tfKOtMNbzdlz7_PadcqvGWrd-hobjjYOLxOrwqOcUZyqXCp5fLCZUcOfirX7WcixinovxDo3U_fWPPY_olACkh/s1600/stats.png"/></div>
<div style=" float: left; text-align: left; font-size:12px;">
<script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(2212009, "" );</script> días online<br/>
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://nombre-de-mi-blog.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> entradas
<br/>
<script src="http://nombre-de-mi-blog.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> comentarios</div><div style="clear: both;"></div>

Ahora sólo cambia lo que está en negrita por la fecha que abriste tu blog, puedes saberlo viendo la fecha de tu primer post; primero va el día, luego el mes y por último el año. Igual cambia lo que está en color rojo por la dirección de tu blog y listo. Si quisieras cambiar la imagen sustituye lo que está en verde por la URL de tu imagen.

El resultado es este:



1807 días online
625 entradas
108815 comentarios

Opción de enviar mail con asunto y destinatario (Blogger)

Tener en el blog un enlace de contacto es fundamental, sobre todo para aquellos blogs de negocios que quieren ofrecerle a sus clientes la posibilidad de contactarse de manera fácil. Y claro, esto aplica para todos los bloggers que quieren estar cerca de sus lectores.
Vamos entonces a ver cómo poner un botón para enviar un correo electrónico y que al presionarlo aparezca una ventana para escribir el destinatario y el asunto. Puedes hacer click aquí para probarlo (aunque esta dirección no existe):



Para ponerlo en tu blog sólo pega el siguiente código en un elemento HTML/Javascript:
<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<input value="Enviar correo" onclick="mailsome1()" type="button"/>

Sólo cambia la dirección de correo por la tuya y el título del asunto. También puedes hacerlo con una imagen, el código sería el siguiente:
<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<img src="URL de la imagen" onclick="mailsome1()" title="Enviar email"/>




Así de sencillo podrás tener un botón o imagen de contacto para que te envíen emails. Recuerda cambiar la URL de la imagen por el ícono que quieras.

NOTA: Esta herramienta no es un programa para enviar correos, cuando un lector quiera mandar el correo se abrirá su cliente de correo que tenga instalado en su equipo.

Gadget para recomendar web por correo

A diferencia del SPAM, la recomendación de una página web por email puede ser una herramienta de ayuda para la promoción del blog, pues el gadget que en este caso crearemos, hará que tus lectores con un click puedan recomendar tu blog a sus amigos. No es SPAM, pues el correo sale de la dirección del usuario, no de un robot automatizado.
El usuario deberá ingresar la dirección de correo de su amigo y al hacer click se abrirá el cliente de correo electrónico que él use y dentro del mensaje estará incrustada una invitación junto con la dirección de tu blog.
Puedes ver un ejemplo funcionando en este blog de pruebas, en la barra lateral se encuentra el gadget para recomendar el blog.

Para ponerlo en tu blog entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega esto:
<script language="JavaScript">
<!-- Begin

var initialsubj="Hola"
var initialmsg="Hola. \n Estoy seguro que este blog te gustara tanto como a mi: "+window.location
var good;
function checkEmailAddress(field) {

var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\.info)|(\.sex)|(\.biz)|(\.aero)|(\.coop)|(\.museum)|(\.name)|(\.pro)|(\..{2,2}))$)\b/gi);
if (goodEmail) {
good = true;
}
else {
alert('Por favor entra una dirección de correo.');
field.focus();
field.select();
good = false;
}
}
u = window.location;
function mailThisUrl() {
good = false
checkEmailAddress(document.eMailer.email);
if (good) {

//window.location = "mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&body="+document.title+" "+u;
window.location = "mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&body="+initialmsg
}
}
// End -->
</script>

<form name="eMailer">
<font size="2">Ingresa la dirección de tu amigo:</font>
<input onfocus="this.value=''" onmouseover="window.status='Entra dirección de email aquí y comentar a un amigo sobre esta página...'; return true" onmouseout="window.status='';return true" value=" Entrar dirección aquí" name="email" size="26" type="text"/>
<input onmouseover="window.status='¡Pulsa para enviar un correo a un amigo! Entra la dirección de correo arriba'; return true" onmouseout="window.status='';return true" value="Recomendar este blog" onclick="mailThisUrl();" type="button"/></form>

Puedes cambiar el mensaje que está en color rojo, ese es el mensaje que aparecerá en el correo, no uses acentos ni caracteres especiales.
El asunto también lo puedes cambiar modificando lo que está en verde.
La dirección de tu blog no hace falta escribirla pues se adjunta automáticamente.

Así de sencillo tendrás una herramienta más para poder promocionarte en la web.

Frases aleatorias para el blog

Este es un script sencillo que permite poner frases aleatorias en el blog, puede usarse para poner mensajes de bienvenida, recordatorios, citas célebres o lo que se te ocurra. La frase cambia cada que se recarga la página y los mensajes se distribuyen al azar.

Para ponerlo en tu blog, entra a Diseño | Añadir gadget > HTML/Javascript y ahí pega esto:
<script>
function misFrases() {
};
misFrases = new misFrases();
number = 0;
// textArray
misFrases[number++] = "Aquí va la frase"
misFrases[number++] = "Aquí va la frase"
misFrases[number++] = "Aquí va la frase"
misFrases[number++] = "Aquí va la frase"
misFrases[number++] = "Aquí va la frase"

increment = Math.floor(Math.random() * number);
document.write(misFrases[increment]);
</script>

Sólo cambia lo que está en rojo por las frases que vayas a utilizar, puedes agregar más frases, sólo repite esta línea las veces que quieras:
misFrases[number++] = "Aquí va la frase"

Las frases aparecen al azar por lo que el orden de aparición siempre será distinto cada que se entre a la página.
Una vez que lo pongas presiona F5 para recargar el blog y ver una frase distinta.

Poner los últimos Tweets en el blog

Para quienes tienen cuenta de Twitter y quieren poner en su blog los últimos Tweets que han hecho les mostraré dos maneras de hacerlo, que a mi parecer son las más sencillas y eficaces.
Una es usando un gadget de Blogger Buster integrado en los widgets de Blogger, sólo hay que entrar a Diseño > Elementos de la página > Añadir un gadget y del menú de la izquierda selecciona Destacados, ahí busca el gadget Twitter Updates.

gadget twitter

Ahí agrega el título del gadget, la altura, el número de Tweets que mostrará y tu nombre de usuario sin el @, por ejemplo en mi caso sólo es el_potro
Y listo, tendrás en tu blog los últimos Tweets que hayas enviado.

twitter updates

La otra forma es usando el gadget que provee Twitter, el cual es más personalizable en cuanto a diseño.
Primero entra en este link de Twitter.
En Settings agrega tu nombre de usuario sin el @ por ejemplo Ciudad_Blogger
En Preferences configura opciones como mostrar avatares, scrollbar, etc.
En Appearance selecciona los colores de tu gadget.
En Dimensions el ancho y alto del gadget.

Cuando hayas finalizado busca más abajo donde dice Test Settings haz click para ver los cambios que has hecho. Si estás satisfecho haz click en Finish & Grab Code. Copia el código y entra enDiseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega el código.
El resultado será como este:

twitter gadget

Slideshow de fotos con Picasa en Blogger

Se trata de un slideshow de fotos proporcionado por Picasaweb y que puedes insertar en tu blog de una manera sencilla, sólo necesitas tener un álbum de fotos en Picasa y ya.
  1. Primero entra a Picasaweb y selecciona el álbum que quieres convertir en slideshow.
  2. Luego en el menú de la derecha haz click en Enlazar este álbum, aparecerá un sub menú, ahí haz click en Incrustar proyección de diapositivas.

    Picasa
  3. En seguida se abrirá una ventana, ahí selecciona el tamaño del slideshow, si deseas mostrar los títulos y si se reproducirá automáticamente. Copia el código.

  4. options picasa
  5. Ahora entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega el código que copiaste anteriormente.
Listo, así de simple tendrás una presentación de diapositivas con Picasa que podrás usar tanto en la barra lateral como dentro de una entrada.

Cómo insertar un mapa en el blog

En ciertos casos habrá quienes necesiten poner un mapa en el blog de su negocio, su ciudad, su vecindario, etc.
Para poner un mapa en el blog sigue estos pasos:

  1. Entra a Google Maps y localiza la ciudad o el lugar que quieres mostrar.
  2. Haz click en Enlazar y luego en Personalizar y obtener vista previa del mapa que se va a insertar.

  3. google maps
  4. Se abrirá una ventana con opciones, ajusta el zoom del mapa, elige si quieres mostrar un mapa con calles, satélite o con relieve. Selecciona el tamaño del mapa y copia el código de abajo.
  5. Por último pega el código en un elemento HTML/Javascript o en una entrada.

Y listo, con estos sencillos pasos puedes mostrar un mapa de Google Maps en tu blog.

TIP!
Si quieres saber la ubicación exacta de donde te conectas usa el ícono que está abajo del control de vistas panorámicas y automáticamente localizará tu ubicación en el mapa.

google map

Les dejo un ejemplo del mapa de mi ciudad.

Como transmitir video en vivo con Justin.tv

Quizá quieras que tus amigos entren al blog y te vean en video, o quizá necesites dar una conferencia, una clase o comunicar algo en tiempo real. Esto podemos hacerlo usando el servicio gratuito que nos brinda Justin.tv

Justin.tv es un sitio en el cual puedes crear tu propio canal y transmitir video en tiempo real usando tu webcam, y puedes hacer que tus amigos te vean de dos formas, desde la página de tu canal o desde tu blog pegando el código correspondiente.

Para usar este servicio entra a Justin.tv y crea una cuenta (toma menos de un minuto)

justin.tv
Una vez que la has creado has click en el botón rojo que se encuentra en la parte superior derecha que dice Emite.
Se abrirá una ventana con un mensaje, presiona el botón Permitir para continuar.

justin.tv
A continuación se encenderá tu cámara web, no importa que no transmitas en este momento, estos pasos son sólo para que se cree tu canal.
Ahora entra a tu canal, o sea a esta dirección cambiando lo que está en color rojo por el nombre de usuario que usaste para registrarte.
http://es.justin.tv/nombredeusuario/

Ahí verás la página de tu canal con la pantalla de video y abajo de ella las opciones para compartir.

justin.tv
El primer código es el enlace a tu página, ese puedes dárselo a tus amigos para que entren a tu canal y te vean cuando transmitas, además tendrás tu propio chat para que platiques con tus invitados.
El segundo código es para que insertes en tu blog la pantalla y se vea desde ahí tu transmición en vivo. Sólo cópialo, luego entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pégalo ahí. O bien, pégalo en una entrada.

Cuando quieras transmitir sólo repite los pasos anteriores, presiona el botón Emitir, presiona el otro botón para acceder a tu webcam y cuando aparezca tu imagen en la pantalla click en START. En ese momento estarás transmitiendo en vivo desde tu webcam.

Así de sencillo podrás transmitir en vivo lo que quieras, sólo recuerda avisarle a tus amigos la hora y el día que transmitirás para que puedan verte a tiempo y no se pierdan de nada.


Enlace | Justin.tv

Fecha diaria Actualizada en el blog

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.

fecha

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.

Botón para votar en Bitácoras.com en todas las entradas

Pondremos un botón para que los lectores puedan votar un articulo y así facilitar que se posicione en los primeros lugares de la portada de Bitácoras de forma más rápida.



Hay distintos botones (agregadores) que puedes colocar, en todos los casos es el mismo procedimiento.
Entra en Diseño > Edición de HTML, expande los artilugios y localiza esta línea:
<data:post.body/>

Debajo de ella agrega lo siguiente:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/normal/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
El resultado será el siguiente:

bitacoras.com

SI quieres un botón más grande entonces el código que debes pegar es este:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/big/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
Y se verá así:

bitacoras.com

Para un botón más pequeño el código a pegar es el siguiente:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
Quedará de esta forma:

Bitacoras.com

Y para ese mismo mini botón pero sin imagen de fondo sería con este código:
<a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini2/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a>
Y el resultado será este:

Bitacoras.com


Si quieres que el botón se muestre SÓLO en las entradas individuales y no en la página principal del blog entonces encierra el código que hayas elegido en un código condicional. De esta forma:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

...Código del botón...

</b:if>


Cualquiera de esas opciones será estupenda para promocionar tus entradas en Bitácoras y tendrás muchas más posibilidades de conseguir más votos por tu artículo.