Texto que se Desplaza en la Página.

No sabía bién como ponerle a esta entrada para que se entendiera lo que se quiere lograr. 
El nombre en realidad es marquesina y aunque este efecto es muy fácil, queda muy vistoso.

Podemos ponerlo en cualquier parte del blog, y añadir una leyenda como por ejemplo "Gracias por visitarme" o "Bienvenidos a mi Blog", etc. Tantas cosas que podemos probar, además puedes adaptarlo a los colores y fuentes de tu plantilla cambiando lo que mas adelante detallo.

Simplemente insertamos el texto dentro de las siguientes etiquetas:
<marquee>Texto que deseamos<marquee>

La idea es darle algún toque para que se vea mas atractivo y bonito claro, y podríamos poner algún texto de bienvenida por ejemplo.
<marquee bgcolor="#CEECF5" style="color: #2e2efe; font-family: impact;">Bienvenidos a Creando Blogs</marquee>


Lo cual quedaría como el siguiente ejemplo:

Bienvenidos a Creando Blogs

Bg color; es el color del fondo. Para más colores te recomiendo ir a la página de Códigos de Colores Html

Dentro de style, observamos la etiqueta color, ese color se refiere al color del texto, el cual también podemos modificar.

Font face es el estilo de letra que queremos usar, debemos tener en cuenta que debe ser una fuente común ya que si no, es probable que no se vea en otros navegadores.
Otros estilos de fuente: Arial, Courier, Georgia, Helvetica, Times, Trebuchet, Verdana.

Hay otras opciones como modificar el ancho, el desplazamiento, la  rapidez, etc.

Como ponerlo en el Blog

Es muy sencillo implementarlo en nuestro blog, basta añadir un gadget, elemento Html/Javascript y copiar el código.

Como hacer un botón automático para que enlacen tu Blog.

El siguiente código es para hacer un botón automático para enlazar el blog mediante una imágen, así como lo tengo configurado en este mismo blog, de manera que quien quiera enlazarte solo deberá pinchar el botón y seguir los pasos de manera muy fácil.

Que te enlacen desde otras página puede ser beneficioso para tu blog, ya que de esta manera logras entre otras cosas que conozcan tu blog, traer mas visitas, promocionar el sitio y aumentar tu valoración por parte de Google.

Para ello lo primero que necesitas es tener una imágen representativa de tu Blog, el Banner que utilizarás para este propósito, el mío es el siguiente:


Una vez lo tengas listo, deberás subirlo a algún hosting de imágenes, en este caso yo lo he subido a Picassa pero puede ser a cualquier otro de tu elección.

El segundo paso es tener la URL de la imágen, en Google Chrome basta con pinchar la imágen con el botón derecho y  escoger copiar URL de la imagen. 

Teniendo esto listo procedemos a añadir un gadget y escoger la opción HTML/Javascript y copiaremos el siguiente código: 
<center>
<img src="URL-de-tu-imagen" border="0" alt="#" />
<form action="http://beta.blogger.com/add-widget" method="post">
<input value="Blog Recomendado" name="widget.title" type="hidden" />
<textarea style="display:none;" name="widget.content">
<a href="URL-de-tu-blog" target="blank">
<img src="URL-de-tu-imagen" border="0" alt="#" /></a>
</textarea>
<input value="http://buzz.blogger.com" name="infoUrl" type="hidden" />
<input value="http://www.blogger.com/favicon.ico" name="logoUrl" type="hidden" />
<input value="Enlázame" name="go" type="submit" /> </form>
</center>
URL de la imagen con color rojo, pondrás la dirección de la imagen que copiarás como te dije anteriormente, fijate bién que debe ser dos veces.

alt="#"  aquí pondrás dentro de las comillas y sustituyendo el signo # un texto descriptivo de la imágen, por ejemplo en mi caso Creando Blogs.

URL de tu blog en azul, la dirección de tu blog que se muestra en el navegador.

Blog Recomendado es el titulo de gadget que saldrá a quien te enlace, puedes sustituirlo por cualquier otro texto, un ejemplo sería visita este blog.

Enlázame es el texto que saldrá en el botón y que también puedes sustituir por otro texto, tal como agregame.

Una vez que tengas configurados estos parámetros procedes a guardar la configuración y ya está listo, fíjate bién que todo esté correcto para que quienes quieran enlazarte no tengan problemas.

Gadget de Etiquetas o Nube de Tags Personalizado.

Rabiando un poco con la nueva plantilla que he puesto en el blog de Marcos Gratis, me entró una duda acerca de como personalizar el gadget de etiquetas ya que el que trae por defecto Blogger no me parecía muy estético y yo había visto en otros blogs unas etiquetas muy bonitas y coloridas. Mi curiosidad por este nuevo mundo que se abre ante mis ojos y en el cual cada día descubro más y más cosas me llevó a insistir hasta que  pude personalizar el aspecto de mis etiquetas y de algo como esto:



Llegué a esto:



 Aplicando el siguiente código:
#Label1.widget.Label a:hover {
border-bottom: 1px dotted #58ACFA;
}
.cloud-label-widget-content {
line-height: 0px;
padding-top: 5px;
font-family:Georgia,serif;
font-color:#58ACFA;
font-style:italic;
line-height:2em;
text-align: center;
}

En fin, no está mal no???. Bueno, pero eso no era lo que quería, yo quería que cada etiqueta llevase un color distinto. Finalmente decidí consultar en internet y llegué a la página del Escaparate de Rosa, Y bingo allí estaba lo que buscaba pero.... No se veía nada. Seguí insistiendo y logré ver la parte del código que necesitaba (otro día les cuento como), y voilá así quedó mi gadget personalizado de etiquetas.



Cómo ponerlo en la Plantilla.
Como a mi me gusta hacer las cosas fáciles para ustedes, lo único que deben hacer es copiar el código en Plantilla, Personalizar, Avanzado en  donde se despliegarán una serie de opciones, abajo del todo dice añadir css y copian los siguiente:
#Label1.widget.Label a:hover {
border-bottom: 1px dotted #58ACFA;
}
.cloud-label-widget-content {
line-height: 0px;
padding-top: 5px;
font-family:Georgia,serif;
font-color:#58ACFA;
font-style:italic;
line-height:2em;
text-shadow: 0 1px 0 #000000;
text-align: center;
}
.cloud-label-widget-content span {
padding: 0 0 0 5px;
}
.label-size-1 a {color: #0680FA; font-size: 10px;}
.label-size-2 a {color: #FA066C; font-size: 12px;}
.label-size-3 a {color: #8904B1; font-size: 14px;}
.label-size-4 a {color: #000000; font-size: 15px;}
.label-size-5 a {color: #7B7879; font-size: 18px;}

Esta última parte es donde van los colores de las etiquetas, pueden ir a códigos de colores html y escoger el color que quieren agregar y lo cambian por el del codigo.

Donde dice font-family pueden cambiar el estilo de la letra según su plantilla, Bold, Arial, etc. es cosa de ir probando.

Toma en cuenta que para que el código funcione debes tener el gadget de etiquetas en la opción de nube y además tener unas cuantas etiquetas agregadas para que se muestren más colores.

¿Que es RSS (Feed)? ¿Como funciona?


Este es un video muy interesante y didáctico acerca de que es Rss. Nos explica de forma muy sencilla la forma de utilizarlo de manera de tener las actualizaciones de nuestra páginas favoritas sin tener que perder tiempo búscandolas.

Se los recomiendo no solo para que lo implementen en sus blogs, si no también para que vean por ustedes mismos la utilidad que supone.

El enlace corresponde a la página original de Blogtecnia, un blog muy interesante.

Ver página con el video

Cómo centrar la Cabecera de mi Blog de Blogger.

Centrar la cabecera del blog en Blogger, es muy sencillo. Quiero comentarles cómo se hace ya que he visto a muchas amigas que tienen unos blogs muy bonitos y les lucirían aún mas si implementasen es sencillo truco, el cual vale para quienes tienen una imágen o simplemente el Titulo con la descripción.

Les cuento que Blogger ya lanzó la nueva interfaz y la irá implementando poco a poco en todos los blogs, por lo tanto los tutoriales que realizaremos serán todos siguiendo los parámetros de la nueva interfaz, que a mi juicio está muy intuitiva y sencilla y al cabo de unos días terminarás acostumbrándote.

Bueno, basta de tanto bla bla y vamos a la acción. Lo primero que debemos hacer es ir a Plantilla, Personalizar y llegaremos hasta el diseñador de Plantillas, una vez allí nos vamos abajo del todo en donde dice Avanzado, en el apartado de avanzado podrán observar una serie de opciones tales como texto de la página, fondos, enlaces, titulo del blog, etc. Esto puede variar de una plantilla a otra pero en general son cosas parecidas, bueno, abajo del todo nuevamente encontrarán una opción que dice añadir CSS, en ese recuadro van a añadir lo siguiente:

.header .widget {
 text-align:center;}
.header img {margin:0 auto;}

Una vez que pongan este simple código ya tendrán todo centrado, le dan a aplicar al blog y ya está listo!!! Pueden ver ejemplos de ello en la cabecera de este blog o en la de marcos gratis para Fotografías que solo tiene texto.

Entradas Resumidas con Seguir Leyendo en Blogger.

A pedido de Roos he hecho esta entrada, y aunque ella ha resuelto su problema y el Blog le a quedado estupendo, pensé que tal vez sería útil para otros amigos blogueros. Los tutoriales que hago son muy sencillos pero a veces eso es lo que necesitamos y no cosas que nos compliquen más la vida, sobre todo a aquellos que no se atreven a intervenir en la platilla.

Primero redactamos nuestra entrada como de costumbre. Una vez que hemos acabado de escribir decidiremos hasta donde queremos que el lector visualice la entrada para aplicar el "Seguir Leyendo", en este caso yo he decido que lo aplicaré en la quinta línea. Me sitúo en la quinta línea del documento y pincho la hoja rota que está a la derecha de donde ponemos la foto habitualmente. 

Al pinchar la hoja rota se verá de la siguiente manera, no te preocupes, una vez publicado eso no se verá así. Le damos a guardar y con eso ya será suficiente.

Una vez guardado se verá de la siguiente manera. El lector solo visualizará una parte de la entrada, para verla todo tendrá que pulsar en donde dice más información. Pero si tu quieres que lleve otra leyenda...

Deberás ir a diseño, y una vez allí presionas en entradas del Blog, luego Editar como te muestra la siguiente imágen;

Y cambias en donde dice texto del enlace de la página de entrada, por la palabra que tu quieras, yo le he puesto Continuar leyendo, puedes ponerle Seguir Leyendo, Leer este Árticulo, etc. Le das a guardar y ya está listo.

Una vez guardado todo, ya podrás obserbar en tu blog la entrada resumida.