Facebook: Un gran aliado de Blogger

Seguramente si estas leyendo esta entrada eres un bloguero y casi doy por hecho que si eres bloguero sabes que es facebook y la gran utilidad que se le puede dar a esta red social para convertirla en una poderosa herramienta de nuestros blogs.

Facebook es la red social mas popular con alrededor de 1300 millones de usuario de todas las partes del mundo, este numero hace que las otras redes sociales como Twitter con 600 millones y Google+ con una cifra cercana también a los 600 millones de usuarios queden relegadas frente a Facebook.

Dada la gran cantidad de usuarios que tiene Facebook, esta es una muy buena oportunidad para difundir nuestros artículos por dicha red social, si publicas un buen articulo muy seguramente tus lectores lo publicaran en su perfil de facebook y sus amigos harán lo mismo y tu articulo tendrá ciento de miles de visitas y todas provenientes de Facebook.

Una técnica usual entre los blogs es crear una pagina de fans en la cual publican su mas reciente contenido y con esto logran fidelizar a sus lectores.

Una punto muy importante a tener en cuenta al momento de hacer una publicación en Facebook, es que las publicaciones que llevan una imagen tienen un alcance mayor y son compartidas mas veces ya que la imagen atrae la atención del usuario.

Una buena publicación debe llevar una imagen relacionada a la entrada, el titulo de la entrada y una pequeña parte o resumen de la entrada y para finalizar el link hacia la entrada.

Otra forma de ganar visitas para tu blog es creando vídeos publicitarios de tu blog y subiéndolos a Facebook y publicarlos en grupos y paginas de fans relacionadas a la temática de tu web, puedes usar como guía los vídeos publicados por otras personas, para ello puedes Descargar videos de Facebook y editarlos con algún programa como Camtasia.

Son muchas las formas en las cuales podemos hacer de facebook un gran aliado de nuestro blog, si conoces mas formas y quieres compartirlas no dudes en compartirlas.

¿Aprender SEO?

Una de las formas de hacer que un blog crezca rápido, es a través del SEO (Posicionamiento web), aquí en Miltrucosblogger ya hemos hablado bastante acerca del SEO y hemos tocado varios aspectos sobre el tema en cuestión pero hoy hablaremos de algo un poco diferente.

Hay una gran cantidad de herramientas en linea con la cuales puedes aprender las cosas básicas acerca del SEO, de hecho aquí mismo nosotros te hemos explicado los pasos básicos con los cuales podrás a empezar a ser SEO sin ser un experto.

Uno de los buenos sitios en los cuales encontraras libro de SEO es Descargar ebooks gratis, yo he descargado un par de libros muy buenos sobre SEO en este sitio.

Pero como lo dice el titulo de esta entrada ¿Aprender SEO?, en verdad hay que aprender SEO?, estas son preguntas que hace un tiempo yo me hacia pero luego de cuidadoso análisis de los últimos cambios en el algoritmo de Google me he dado cuenta que la situación no es aprender SEO sino saber cual es el principal truco para hacer SEO.

La principal forma de lograr que tu blog se posiciones muy bien en las búsquedas de Google es crear contenido de calidad, ya que con artículos de calidad la gente se sentirá a gusto en tu blog y muy seguramente compartirá tus artículos en las principales redes sociales y así tu blog ganara posicionamiento natural y eso es lo que mas le gusta a Google porque así no se forzara con enlaces de mala calidad y cosas similares el posicionamiento de una web.

Con lo anterior quiero decir que aunque es necesario aprender las nociones básicas del SEO, lo mas importante es tener en cuenta que si creas artículos de calidad y originales tu blog se posicionara mucho mas rápido y podrás ganarle a tu competencia sin ningún problema.

Negocios online y transporte urgente

Los negocios online tienen como principal ventaja que no necesitan de un lugar físico para atender a los clientes por lo que ahorran costes, pudiendo así ofrecer un servicio más barato. Es por ello que necesitan tener contratado un servicio de envío de paquetes eficaz y confiable para que los clientes reciban los productos a tiempo y sin ningún tipo de problemas.

Si tienes este tipo de negocio, lo más adecuado es que contactes con varias agencias de transporte para que te hagan un presupuesto ajustado a las necesidades de tu empresa y las de tus clientes. Recuerda que no siempre hay que decantarse por la empresa que ofrezca el servicio más barato, tienes que elegir aquella que te ofrezca un mínimo de tiempo en los plazos de entrega y que sea responsable.

No importa que tengas que enviar los paquetes a ciudades como Sevilla, Madrid, Barcelona o a pueblos pequeños, la agencia de transporte tiene que contar con un servicio puerta a puerta para todo el país, esto hará que tu negocio crezca y que puedas acceder a clientes sin importar su localización geográfica.
Es bueno que te informes antes de contratar los servicios de envíos de paquetes y que antes de firmar el contrato, leas la letra pequeña, así evitarás los contratiempos y tus clientes podrán recibir a tiempo y con satisfacción los productos que ofertas mediante tu negocio online.

Recuerda que el tiempo es fundamental, así que la empresa debe asegurarte que los paquetes no tardarán, ya que la gran parte de clientes que compran online no pueden esperar. De hecho, uno de los motivos de la compra online es la imposibilidad de perder tiempo. Se decantan por este tipo de servicio que es además una de las evidencias de la globalización actual de las comunicaciones.

Las "profesiones virtuales" más demandadas

Las profesiones virtuales o e-profesiones son aquellas que están ligadas a todo lo que tiene que ver con el mantenimiento de una pagina web, ya sea desde su programación, pasando por su promoción y llegando hasta su posicionamiento web.

Como somos un blog que gira en torno al diseño web creo que es conveniente dar a conocer esta interesante infografía que muestra cuales son las e-profesiones mas demandadas, así que veamos cuales son:

Nosotros los blogueros bien podemos entrar en cualquiera de esas profesiones, si eres profesional de alguna de estas ramas dinos cual es y porque escogiste estudiarla.

Agregar el botón de iGoogle

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

Poner imagen en los títulos de los gadgets

Me pregunta BEYOND cómo poner imágenes de fondo en el título de ciertos gadgets.

El truco a continuación se aplica a cualquier gadget del blog y bien puede usarse para poner una imagen decorativa de fondo en el título, o bien para sustituir el título del gadget por una imagen.

Lo primero que hay que hacer es identificar el id del gadget al que se le quiere poner la imagen, para ello entra a Plantilla | Edición de HTML y SIN marcar la casilla de expandir artilugios busca el gadget al que vas a modificar, lo puedes identificar por el título, por ejemplo Etiquetas, o Lista de blogs.

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>

En este ejemplo el id del gadget es Label1 y corresponde a las etiquetas del blog.
Ya teniendo el id del widget, pega antes de ]]></b:skin> lo siguiente:

#Label1 h2 {
background: url(URL de la imagen) left top;
color: #000;
}

Y así sucesivamente para todos los gadgets a los que quieras ponerle la imagen de fondo, sólo debes cambiar la URL de la imagen y en color cambiar el color del texto del título.

Si lo prefieres también puedes cambiar todo el título por una imagen, sólo que en su lugar pegamos antes de ]]></b:skin> esto:

#Label1 h2 {
background: url(URL de la imagen) no-repeat top;
height: 30px;
}

De igual forma hay que cambiar la URL de la imagen, y en heigth poner el alto de la imagen.
Ahora ve a Diseño y da click en Editar en el gadget al que le cambiaste el fondo y borra el título del gadget, en su lugar escribe esto:

&nbsp;

De esta forma el título del gadget no se encimará con la imagen de fondo.

Con estos sencillos trucos podrás tener una plantilla cada vez más personalizada, ya sólo es cuestión de que agregues las imágenes que se adapten al diseño de tu plantilla.

Scroll de bienvenida con efectos

Gustosamente he visto que varios lectores usaron en su blog el scroll de bienvenida, sin embargo para los que les gustan los scrolls más sofisticados les traigo este scroll de bienvenida que con numerosos efectos como letras que se desplazan a la izquiera, a la derecha, letras que salen expulsadas, letras que se contraen, texto que se separa, etc. Para que sepan de lo que hablo pueden ver el scroll funcionando abajo de la cabecera en este blog de pruebas.

Para ponerlo en tu blog entra a Diseño | Añadir un gadget, selecciona HTML/Javascript y ahí pega el código siguiente:

<script>
function createArr(num) { for(var i = 0; i < num; i++) { this[i] = null } }
function fillArr(tx,me,ti,wa) { this.text = tx; this.method = me.toLowerCase(); this.ticks = ti; this.wait = wa }
function block(num,txt,mthod,tcks,wit) { blocks[num] = new fillArr(txt,mthod,tcks,wit) }
function ms(unt) { var sp = ""; for( var i = 1; i <= unt; i++ ) { sp += " " } return(sp) }
function Activate() { if (cblock == max) { cblock = 0; if (iloop == 0) { loops--; if (loops == 0) { meth = "0" } else { meth = blocks[cblock].method } } else { meth = blocks[cblock].method } } else { meth = blocks[cblock].method }
if (meth == "0") { document.Active.ASCII.value = end }
if (meth == "display") { Tape = blocks[cblock].text; Wait = blocks[cblock].wait; Display() }
if (meth == "display center") { Tape = blocks[cblock].text; Wait = blocks[cblock].wait; half = Tape.length / 2; DisplayC() }
if (meth == "scroll left") { clen = tlen; Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; tTicks = Ticks * 2; ScrollL() }
if (meth == "scroll right") { clen = 0 - blocks[cblock].text.length; Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; tTicks = Ticks * 2; ScrollR() }
if (meth == "scroll lc") { clen = 0 - blocks[cblock].text.length; Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; Wait = blocks[cblock].wait; tTicks = Ticks * 2; half = Tape.length / 2; ScrollLC() }
if (meth == "scroll rc") { clen = tlen; Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; Wait = blocks[cblock].wait; tTicks = Ticks * 2; half = Tape.length / 2; ScrollRC() }
if (meth == "scroll cl") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; tTicks = Ticks * 2; half = Tape.length / 2; clen = cent - half; ScrollCL() }
if (meth == "scroll cr") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; tTicks = Ticks * 2; half = Tape.length / 2; clen = cent - half; ScrollCR() }
if (meth == "slide left") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; Wait = blocks[cblock].wait; cpos = 0; clet = Tape.charAt(cpos); clen = tlen; cstr = ""; SlideL() }
if (meth == "slide lc") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; Wait = blocks[cblock].wait; cpos = Tape.length - 1; clet = Tape.charAt(cpos); clen = 0; cstr = ""; half = Tape.length / 2; iba = cent - half; ib = ms(iba); SlideLC() }
if (meth == "slide rc") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; Wait = blocks[cblock].wait; cpos = 0; clet = Tape.charAt(cpos); cstr = ""; half = Tape.length / 2; clen = cent + half; fs = ms(cent - half); SlideRC() }
if (meth == "slide cl") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; cpos = 0; clet = Tape.charAt(cpos); cstr = Tape.substring(1,Tape.length); half = Tape.length / 2; clen = cent - half; iba = 0; ib = ms(iba); SlideCL() }
if (meth == "slide cr") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; cpos = Tape.length - 1; clet = Tape.charAt(cpos); cstr = Tape.substring(0,Tape.length - 1); half = Tape.length / 2; clen = 0; fs = ms(cent - half); SlideCR() }
if (meth == "slip left") { clen = 0; Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; SlipL() }
if (meth == "slip right") { clen = 0; Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; SlipR() }
if (meth == "slip letter") { Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; cpos = Tape.length - 1; clet = Tape.charAt(cpos); cstr = Tape.substring(0,Tape.length - 1); clen = 0; SlipLet() }
if (meth == "split"){ Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; var iii = Tape.length / 2; if (iii / 2 != Math.ceil(iii / 2)) { Tape = Tape + " " } hstr1 = Tape.substring(0,Tape.length/2); hstr2 = Tape.substring(Tape.length/2,Tape.length); tTicks = Ticks * 2; clen = cent - hstr1.length; iba = 0; ib = ms(iba); Split() }
if (meth == "merge"){ Tape = blocks[cblock].text; Ticks = blocks[cblock].ticks; var iii = Tape.length / 2; if (iii / 2 != Math.ceil(iii / 2)) { Tape = Tape + " " } hstr1 = Tape.substring(0,Tape.length/2); hstr2 = Tape.substring(Tape.length/2,Tape.length); tTicks = Ticks * 2; clen = 0 - hstr1.length; iba = tlen; ib = ms(iba); Wait = blocks[cblock].wait; Merge() } }
function Display() { document.Active.ASCII.value = Tape; cblock++; timerID = setTimeout("Activate()",Wait) }
function DisplayC() { var temp = cent - half; ini = ms(temp); document.Active.ASCII.value = ini + Tape; cblock++; timerID = setTimeout("Activate()",Wait) }
function ScrollL() { if (clen >= 0) { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("ScrollL()",Ticks) } else { beg = 0 - clen; if (beg == Tape.length) { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Ticks) } else { tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("ScrollL()",tTicks) } } }
function ScrollR() { if (clen >= 0) { if (clen > tlen) { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Ticks) } else { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("ScrollR()",Ticks) } } else { beg = 0 - clen; tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("ScrollR()",tTicks) } }
function ScrollLC() { if (clen >= 0) { if (cent <= (clen + half)) { cblock++; timerID = setTimeout("Activate()",Wait) } else { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("ScrollLC()",Ticks) } } else { beg = 0 - clen; if (cent <= (clen + half)) { cblock++; timerID = setTimeout("Activate()",Wait) } else { tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("ScrollLC()",tTicks) } } }
function ScrollRC() { if (clen >= 0) { if (cent >= (clen + half)) { cblock++; timerID = setTimeout("Activate()",Wait) } else { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("ScrollRC()",Ticks) } } else { beg = 0 - clen; if (cent >= (clen + half)) { cblock++; timerID = setTimeout("Activate()",Wait) } tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("ScrollRC()",tTicks) } }
function ScrollCL() { if (clen >= 0) { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("ScrollCL()",Ticks) } else { beg = 0 - clen; if (beg >= Tape.length) { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Wait) } else { tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("ScrollCL()",tTicks) } } }
function ScrollCR() { if (clen >= 0) { if (clen > tlen) { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Wait) } else { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("ScrollCR()",Ticks) } } else { beg = 0 - clen; tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("ScrollCR()",tTicks) } }
function SlideL() { if (clen >= 0) { ini = ms(clen); tickered = cstr + ini + clet; document.Active.ASCII.value = tickered; clen -= 3; timerID = setTimeout("SlideL()",Ticks) } else { document.Active.ASCII.value = cstr + clet; cstr = document.Active.ASCII.value; clen = tlen - cstr.length; cpos++; clet = Tape.charAt(cpos); if (clet == " ") { cstr = cstr + " "; cpos++; clet = Tape.charAt(cpos) } if (clet == "") { cblock++; timerID = setTimeout("Activate()",Wait) } else { timerID = setTimeout("SlideL()",Ticks) } } }
function SlideLC() { if (clen <= cent - half) { ini = ms(clen); tickered = ini + clet + ib + cstr; document.Active.ASCII.value = tickered; clen += 3; iba -= 3; ib = ms(iba); timerID = setTimeout("SlideLC()",Ticks) } else { iba = cent - half; ini = ms(iba); ib = ms(iba); document.Active.ASCII.value = ini + clet + cstr; cstr = clet + cstr; clen = 0; cpos--; if (cpos >= 0) { clet = Tape.charAt(cpos); if (clet == " ") { cstr = " " + cstr; cpos--; clet = Tape.charAt(cpos) } timerID = setTimeout("SlideLC()",Ticks) } else { cblock++; timerID = setTimeout("Activate()",Wait) } } }
function SlideRC() { if (clen >= 0) { ini = ms(clen); tickered = fs + cstr + ini + clet; document.Active.ASCII.value = tickered; clen -= 3; timerID = setTimeout("SlideRC()",Ticks) } else { clen = cent + half; cstr += clet; document.Active.ASCII.value = fs + cstr; cpos++; clet = Tape.charAt(cpos); if (clet == " ") { cstr = cstr + " "; cpos++; clet = Tape.charAt(cpos) } if (clet == "") { document.Active.ASCII.value = fs + Tape; cblock++; timerID = setTimeout("Activate()",Wait) } else { timerID = setTimeout("SlideRC()",Ticks) } } }
function SlideCL() { if (clen > 0) { ini = ms(clen); tickered = ini + clet + ib + cstr; document.Active.ASCII.value = tickered; clen -= 3; iba += 3; ib = ms(iba); timerID = setTimeout("SlideCL()",Ticks) } else { iba = 0; ib = ms(iba); clen = cent - half; ini = ms(clen); document.Active.ASCII.value = ini + cstr; cstr = cstr.substring(1,Tape.length); cpos++; clet = Tape.charAt(cpos); if (clet == " ") { cstr = cstr.substring(1,Tape.length); cpos++; clet = Tape.charAt(cpos) } if (clet == "") { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Ticks) } else { timerID = setTimeout("SlideCL()",Ticks) } } }
function SlideCR() { if (clen <= cent + half) { ini = ms(clen); tickered = fs + cstr + ini + clet; document.Active.ASCII.value = tickered; clen += 3; timerID = setTimeout("SlideCR()",Ticks) } else { clen = 0; document.Active.ASCII.value = fs + cstr; cstr = cstr.substring(0,cstr.length - 1); cpos--; half += 1; if (cpos >= 0) { ; clet = Tape.charAt(cpos); if (clet == " ") { cstr = cstr.substring(0,cstr.length - 1); cpos--; clet = Tape.charAt(cpos) } timerID = setTimeout("SlideCR()",Ticks) } else { cblock++; timerID = setTimeout("Activate()",Ticks) } } }
function SlipR() { if (clen >= 0) { if (clen > tlen) { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Ticks) } else { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("SlipR()",Ticks) } } else { beg = 0 - clen; tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen++; timerID = setTimeout("SlipR()",Ticks) } }
function SlipL() { if (clen >= 0) { ini = ms(clen); tickered = ini + Tape; document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("SlipL()",Ticks) } else { beg = 0 - clen; if (beg == Tape.length) { document.Active.ASCII.value = ""; cblock++; timerID = setTimeout("Activate()",Ticks) } else { tickered = Tape.substring(beg,tlen); document.Active.ASCII.value = tickered; clen--; timerID = setTimeout("SlipL()",Ticks) } } }
function SlipLet() { if (clen < tlen) { ini = ms(clen); tickered = cstr + ini + clet; document.Active.ASCII.value = tickered; clen += 3; timerID = setTimeout("SlipLet()",Ticks) } else { clen = 0; cstr = cstr.substring(0,cstr.length - 1); cpos--; if (cpos >= 0) { ; clet = Tape.charAt(cpos); if (clet == " ") { cstr = cstr.substring(0,cstr.length - 1); cpos--; clet = Tape.charAt(cpos) } timerID = setTimeout("SlipLet()",Ticks) } else { cblock++; timerID = setTimeout("Activate()",Ticks) } } }
function Split() { if (clen >= 0) { ini = ms(clen); tickered = ini + hstr1 + ib + hstr2; document.Active.ASCII.value = tickered; clen--; iba += 2; ib = ms(iba); timerID = setTimeout("Split()",Ticks) } else { if (clen <= 0 - hstr1.length) { cblock++; timerID = setTimeout("Activate()",Ticks) } else { beg = 0 - clen; tickered = hstr1.substring(beg,tlen); document.Active.ASCII.value = tickered + ib + hstr2; clen--; iba += 2; ib = ms(iba); timerID = setTimeout("Split()",tTicks) } } }
function Merge() { if (clen >= 0) { if (clen > cent - hstr1.length) { tickered = ini + hstr1 + hstr2; document.Active.ASCII.value = tickered; cblock++; timerID = setTimeout("Activate()",Wait) } else { ini = ms(clen); tickered = ini + hstr1 + ib + hstr2; document.Active.ASCII.value = tickered; clen++; iba -= 2; ib = ms(iba); timerID = setTimeout("Merge()",Ticks) } } else { beg = 0 - clen; tickered = hstr1.substring(beg,tlen); document.Active.ASCII.value = tickered + ib + hstr2; clen++; iba -= 4; ib = ms(iba); timerID = setTimeout("Merge()",tTicks) } }

/////////////////////////////////////////////////////////////////
//# Personalización
// Número de bloques que se mostrarán.
// ***ERROR COMÚN***: Asegúrate de establecer este valor de acuerdo al
// número de bloques (Siempre cuenta el último bloque y suma uno más # + 1)!
var max = 15

// No tocar esto!
var blocks = new createArr(max)

// Ancho de la caja de texto
// ***ERROR COMÚN: Si cambias esto
// recuerda cambiar también el número que está al final subrayado.***
var len = 35

// Número de veces que se repetirá el bloque (use 0 para infinito)
var loops = 0

// Si cambias lo anterior modifica también el mensaje final
var end = 'End of "ActiveASCII" by Neal Kanodia.'

// Usa este formato por cada cadena de texto (empezando de 0 hasta 1 a menos
// que max):
// block(#block,"Text to display","Method",#ticks,#wait)
// ejemplo: block(0,"1st block.","Scroll Left",25,0)
// ***ERROR COMÚN***: Si agregas un nuevo bloque INCREMENTA MAX BY 1
// ***ERROR COMÚN***: Si eliminas un bloque REDÚCELO A MAX BY 1
// ***ERROR COMÚN***: Revisa bien los textos que agregas y los efectos!!!
block(0,"Este es un ejemplo de una marquesina","scroll left",20,0)
block(1,"Con varios efectos","scroll right",20,0)
block(2,"Puedes usarlo para dar la bienvenida","scroll lc",20,500)
block(3,"Anunciar algo","scroll rc",20,500)
block(4,"O para lo que quieras","scroll cl",20,0)
block(5,"Te gusta este efecto?","split",25,0)
block(6,"O este?","slide left",10,500)
block(7,"qué tal este?","slide lc",20,500)
block(8,"Lindo, no?","slide rc",15,500)
block(9,"Puedes tenerlo","slide cr",10,1000)
block(10," Consigue el código para usarlo tú tambien ","slip left",60,1000)
block(11,"En... CiudadBlogger.com ","slip right",70,1000)
block(12,"Trucos ...","slip letter",5,0)
block(13,"Y tutoriales","merge",25,1000)
block(14,"Para tu blog","split",25,0)
//Fin de personalización
/////////////////////////////////////////////////////////////////

// No cambiar!!!
var tlen = 2.4 * len
var cent = tlen / 2.2
var clen = null
var tickered = null
var ini = null
var iloop = 0
if (loops == 0) {iloop = 1}
var cblock = 0
var timerID = null
var beg = null
var clet = null
var cstr = null
var cpos = null
var ib = null
var iba = null
var fs = null
var hstr1 = null
var hstr2 = null
<!-- end -->
</script>

<script>
document.write('<form name="Active" onsubmit="0">')
document.write('<input name="ASCII" size="35" type="text">')
document.write('</form>')
Activate()
</script>

• Cambia los textos en color rojo por los tuyos.
• Si deseas cambiar el largo de la caja debes cambiarlo dos veces donde se marca subrayado en negrita.
• Si eliminas o agregas más líneas modifica donde dice: var max = 15
• Lo que está en color verde son los efectos, puedes usar los que quieras, a continuación te diré cuál es cada uno:

"scroll left",20,0 Marquesina a la izquierda.
"scroll right",20,0 Marquesina a la derecha.
"scroll lc",20,500 Marquesina a la izquierda que se corta.
"scroll rc",20,500 Marquesina a la derecha que se corta.
"scroll cl",20,0 Marquesina a la izquierda que empieza centrada.
"split",25,0 Texto que se divide en dos partes.
"slide left",10,500 Las letras se juntan para formar la palabra.
"slide lc",20,500 Las letras se juntan y se va moviendo el texto desde la izquierda.
"slide rc",15,500 Las letras se juntan y se va moviendo el texto desde la derecha.
"slip letter",5,0 Las letras son expulsadas.
"merge",25,1000 La frase se junta.

En el código he traducido las indicaciones para que te guíes más fácil al personalizarlo.

Opción de guardar el post en PDF

Ya antes vimos cómo poner la opción de imprimir el postpara aquellos lectores que necesiten tener el post impreso puedan hacerlo sin problemas, ahora les daremos a nuestros lectores una opción más, guardar el post en formato 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.

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/AVvXsEjtKvfwZESmdotlkAcXVU3IGx5O5C5WVbQdMMCBBxp8VBLuNYN5ZH3QTDjO9uwPy7AIfhdL4RhjoptQ5oAc8FUe4kcosQkZsHheFv3l-cU2vnKMTyIj56PR7WdumNe-9jqAMzhCxIDjpkyo/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(22, 1, 2009, "" );</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:

1828 días online
625 entradas
109323 comentarios

Solución y alternativa para Lista de seguidores

El gadget de Seguidores ya tiene solución, haz click aquí para verla.

Como muchos ya saben, desde hace varios meses la Lista de seguidores de Blogger presentó problemas; primero sucedía que cuando querías entrar a un blog en Internet Explorer y si este tenía la Lista de seguidores, entonces el blog dejaba de cargarse y aparecía un mensaje donde decía que Internet Explorer no podía abrir la página. Más tarde eso se solucionó pero al poco tiempo Mozilla Firefox lanzó una actualización (3.5) y oh sorpresa!¡la lista de seguidores no se ve!

Este problema que ha continuado por varios meses ya lo tiene Internet Explorer pues en ninguno de los dos navegadores se ve la Lista de seguidores, o mejor dicho, en "algunos" blogs no se ve la Lista de seguidores.

Pero ¿por qué en algunos blogs se ve y en otros no?

Fabian se puso a analizar su plantilla (la cual presentaba ese problema) y la comparó con otras plantillas en las que el gadget de seguidores sí se veía y al parecer descubrió la razón.

El problema parece ser que estos navegadores tienen problemas para interpretar el código de la Lista de seguidores cuando dentro de la plantilla se están usando librerías Prototype y Scriptaculous, por lo que las plantillas que usen estas librerías no muestran la Lista de seguidores.

Prototype y Scriptaculous son unos maravillosos códigos que nos permiten crear distintos efectos en una página web, entre ellos y el más usado en Blogger es cuando a un elemento expandible le damos un efecto de deslizamiento.

Así que mientras sigan pasando los meses y tanto IE, Firefox y Blogger se decidan a darle una solución final, tendrás que elegir entre esos efectos o tu lista de seguidores.

Si te decides por presindir de esos efectos busca dentro de tu plantilla un código como este y elimínalo:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- Prototype y Scriptaculous-->

Ojo, antes de hacer eso tendrás que saber cuál truco de tu plantilla es el que necesita ese código e investigar si el truco en cuestión puede funcionar sin el código que vas a eliminar.

Una alternativa para quienes quieran conservar esos efectos es poner en el blog, un enlace para poder "Seguir el blog".

Es decir, el gadget no se verá, pero tus lectores podrán unirse a la Lista de seguidores desde ese link.

Para ponerlo, sólo entra a Diseño > Elementos de la página > Añadir gadget > HTML/Javascripty ahí pega esto:

<center>¿Tienes problemas para visualizar la lista de seguidores?<br/>
<i><a href="http://www.blogger.com/follow-blog.g?blogID=2963011918216595839">Haz click aquí para seguir este blog.</a></i></center>

Lo que está en rojo debes cambiarlo por la ID de tu blog, para averiguar cuál es entra haz click enDiseño o Configuración y fíjate en los números de la barra de direcciones del navegador, debera decir algo como esto:

http://www.blogger.com/blog-options-basic.g?blogID=2963011918216595839

Esos últimos números son el ID de tu blog y es el que deberás poner en el código.

Si bien estas dos formas no son la solución definitiva, nos ayudarán mucho mientras los programadores de Blogger encuentran qué hacer con ese gadget.

Por cierto, en Google Chrome y Safari la Lista de seguidores se visualiza sin ningún problema, desconozco si Opera presenta los mismos inconvenientes.

Scroll de bienvenida sin script

Hemos visto distintos tipos de scroll para poner un mensaje de bienvenida en el blog, algunos conmuchos efectos y otros muy coloridos. El problema de estos scrolls es que funcionan a base de scripts que muchas veces inhabilitan algún otro script del blog, o alentan la página, por lo que nos vemos forzados a quitar algo.

Este mensaje de bienvenida es más sencillo pero no afectará a ningún otro elemento del blog por lo que podrás usarlo sin problemas; sólo usaremos el atributo marquee y le pondremos algo de color.

Sólo entra a Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega esto:

<span style=" font-weight:bold; color:#DF0101; font-size:18px;">
<marquee bgcolor="FFFF00">Aquí va tu texto</marquee>
</span>

Arrastra ese elemento abajo de la cabecera o donde quieras, el resultado será este texto que se desplaza desde un lado hasta el otro:

Hola, bienvenid@ a mi blog

Puedes cambiar el color del texto modifica esto, color:#DF0101
Para cambiar el tamaño de la letra cambia esto, font-size:18px
Si quieres cambiar el color de fondo entonces cambia esto, bgcolor="FFFF00"

Opción de enviar mail con asunto y destinatario

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.