Generador de firmas My live Signature para tu blog.

Una herramienta muy útil a la hora de personalizar un blog,es la de poder poner tu firma en las entradas de tu blog.Y para eso hay un generador online muy bueno My LiveSignature el unico inconveniente es que esta en ingles,pero es muy intuitivo y fácil de manejar.

El proceso no puede ser mas sencillo:

• Ingresamos a My live Signature y pulsamos sobre Proceed.
• A continuación debemos pulsar en el primer enlace o en la imagen de la Barita mágica.
• Ahora es el momento de poner el nombre de tu firma y seguidamente pulsamos Next Step >.

Lo siguiente es ya muy intuitivo,solo tenemos que ir pulsando en el modelo de la fuente,el tamaño,el color,la posición….y siempre pulsando en Next Step en cada opción.

Y cuando lleguemos a Finished! The signature is ready ya tendrás la firma finalizada.

• Pulsamos sobre Want to use this signature?
• Salen dos opciones le damos a la primera a Generate HTML code.
• Ahora volvemos a pulsar en Generate a code for my handwritten signature.

Arriba saldrá tu firma y abajo un recuadro que tiene como titulo:

Generated HTML Code for your signature:

<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54488/163/79F3AAD3612020000324DC 112DF70B5D.png" style="border: 0 !important; background: transparent;"/></a>

Lo que tenemos dentro del recuadro es el código HTML de nuestra firma,ya solo nos queda insertarlo en nuestra plantilla para que se vean en las entradas.

Crear el sitemap de tu blog.

Un sitemap es un archivo XML el cual nos permite facilitar la indexación de todas o la mayoría de las paginas de nuestro sitio Web a un buscador,en este caso también nos servirá aparte de tener todos los archivos ordenados en un menú que todos los visitantes podrán ver,poder indexarlo con Google.

Blogger no nos permite crear un sitemap para nuestro blog,pero si tiene las herramientas que necesitamos para crearlo nosotros mismos.La herramienta que utilizaremos es el feed que nos proporciona blogger,dicho feed lo encontraremos en la siguiente dirección de tu blog:

http://nombre_de_tu_blog.blogspot.com/atom.xml

Donde atom.xml es el archivo utilizado para nuestro feed.

¿Como lo creamos?.Pues muy fácil,para insertarlo en tu blog,crea una entrada nueva y ahí pega esto:

<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script> <script src="http://tublog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Solo tienes que cambiar la Url de tu blog y editar la fecha de la entrada para que aparezca como la primera entrada en tu blog y deshabilitar los comentarios para esa entrada.El índice de las entradas se ordenara alfabéticamente y se actualizara automáticamente cada vez que publiques una entrada nueva,además en las entradas mas recientes aparecerá al lado un texto que dice Nuevo!.

Una vez publicada la entrada,podemos crea una pagina estática y copiar todo el contenido de la entrada y ya tendremos creado también un índice de nuestro blog.

Posicionar nuestro blog en los buscadores.

Hoy vamos hablar de como posicionar nuestro blog en los buscadores con una herramienta muy sencilla,que nos ayudara a ser vistos por la red.La herramienta en concreto se llama Totalping.com.

Totalping es un servicio totalmente GRATUITO / FREE para web máster y bloggers que necesiten informar a sus respectivos motores y directorios de blogs de sus actualizaciones de una forma rápida y segura.

Es muy sencillo realizar un Ping :

1º : Rellena el formulario de la pagina principal con el TITULO, la URL y la URL RSS de tu blog o pagina web, selecciona los servicios a los que te interesa enviarles tu ping y pulsa el botón "¡Hacer Ping!".

2º : Espera a que todos los ping sean enviados, observa la barra de progreso para saber si ha terminado o desliza la pagina hacia abajo para ver el estado de cada ping.

3º : Una vez terminados puedes guardar tu configuración de ping pulsando sobre “Mi Ping en Acerca - TotalPing!", este te abrirá el menú de favoritos/marcadores para que guardes el enlace de tu configuración y lo único que deberás hacer la próxima vez será abrir ese enlace el cual lanzará automáticamente los ping preconfigurados.

También puedes poner uno de los varios Widgets de los que dispone y colocarlo en la sidebar de tu blog.

Como colocamos el Widget de TotalPing! en nuestro blog?.

Pues de la manera mas sencilla,una vez que por primera vez hemos seguidos los pasos 1 y 2,nos vamos a la pagina que contienen los Widget y copiamos el código que mas nos guste de los que nos ofrece TotalPing!,entramos en nuestro blog vamos a Diseño,añadir un Gadget y elegimos HTML/Javascript y ahí pegamos el código le damos a guardar y listo.

¿Cómo crear un blog?

Hay muchas plataformas, pero por su sencillez y fácil manejo vamos aempezar por Blogger.Vamos a nuestro navegador de Internet e introducimos la siguiente dirección:https://www.blogger.com/start?hl=es
nos lleba ala pagina para crear un blogg o para aceder alos q ya tengamos
creados con esta plataforma

Aki en la imajen posterio os dejo los pasos q deven segir para poder crear vuestro blog una ves sigan esos pasos correctos estareis listo para poder tener vuestro blogg

Crear una barra de navegación

Después de mucho tiempo me he decidido a introducir nuevas modificaciones en mi blog y como es habitual, cada cambio que hago os lo cuento. Ahora me he decidio por colocar una barra de navegación con un menú para que sirva de guía a los usuarios del blog o para dirigirlos a los sitios que el autor del blog, en este caso yo, le interese más.

1.- Empezamos creando dos nuevas "variables" que utilizaremos más adelante para dar color al texto de los menús y al fondo, así desde la pestaña "Fuentes y colores" podremos modificar su color. Se colocan debajo de las demás "variables":




2.- Diseñamos la barra adaptándola a la configuración de nuesto blog y al lugar en que queremos situarla (todo el ancho del blog (body) o sólo en la parte principal del blog (main); yo optaré por esta segunda opción. Estos parámetros podemos colocarlos en cualquier lugar del código HTLM entre y <:/head>, así que lo pondremos después de "description":


/*-- (Menú) --*/

#nav {
clear:both;
margin:1px auto 1px auto;
width: 966px;
height:30px;
background: url(http://xosse.dorrio.googlepages.com/fnd_marc_prev2.GIF) repeat-x;
overflow:hidden;
}

#nav_l {
float:left;
width:966px;
margin:0px; padding:0px;
overflow:hidden;
height:30px;
}

.menu {
float:left;
margin:5px 1px;
padding:3px;
width: 400px;
}

.menu li {
display: inline;
list-style: none;
margin:0;
padding:0;
}

.menu ul, .menu ol {
display: inline;
list-style: none;
margin:0;
padding:0 10px 0 0;
}

.menu a, .menu a:visited {
color: $colormenu;
font-weight: bold;
margin:0;
padding: 3px 10px 3px 10px;
text-decoration: none;
}

.menu a:hover {
background: $colorbgmenu;
text-decoration: none;
font-weight: bold;
border:1px solid #fff;
}

#subscribe {
float: right;
width:192px;
height:32px;
margin:4px 4px 3px 4px;
}

.rss {
float:left;
margin:7px 5px 5px 0px;
width:500px;
}

.rss ul {
margin: 0; padding: 0 2px;
}

.rss li {
background: url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVYyjZEeI/AAAAAAAACew/
TXSgAsWEBLA/s1600/rss.gif) no-repeat 0 3px;
margin: 0 2px 0 0;
padding: 3px 0 3px 20px;
list-style: none;
font-size: 12px;
color:$colormenu;
display: inline;
font-weight: bold;
}

.rss li a {
font-size: 12px;
color:~$colormenu;
}

En negrilla van algunos de los parámetros quepodeis modificar a vuestro gusto (todos son modificables pero estos prsentan menos problemas)

3.- Para finalizar introduciremos el siguiente código en el blog y lo haremos en algún lugar entre y . Si queremos que ocupe todo el cuerpo lo pondremos al inicio; para que ocupe sólo la parte principal lo haremos en 'main'. Como mi barra irá debajo del título, expando la "plantilla de artilugios" y pego el código debajo del widget 'title':

Como colocar Imagen a pie de los post

"Necesito añadir una imagen al pie de los post donde tenemos el nombre del autor pero en el lado contrario como si fuera una firma es para añadir la marca de la web"

Nunca había pensado en ese detalle de añadir una imagen a modo de sello personal.
Pensé que se podía probar como hicimos hace tiempo añadiendo una imagen de fondo y borde en el post-footer así que manos a la obra porque es muy sencillo.
En una plantilla sin modificar los estilos del post-footer serían más o menos así:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
A esos estilos añadiremos lo siguiente.

padding:36px 4px 2px 4px;
background: url(ur-de-la-imagen) no-repeat top right;}

Nos quedaría algo así:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
padding:36px 4px 2px 4px;
background: url(ur-de-la-imagen) no-repeat top right;}
}

Dependiendo el tamaño de la imagen podemos darle más altura en padding modificando 36px por otro valor.

Agregar un favicon en Blogger

Para agregar ese pequeño icono visible en favoritos, pestañas y barra de direcciones, solo hay que crear un icono y vincularlo desde la plantilla. Para esto desde Diseño/Edición HTML se busca el siguiente código:

< title >< data:blog.pageTitle/>

Y justo antes se coloca lo siguiente:

< link href="http://sitio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
< link href="http://sitio.com/favicon.ico" rel="icon" type="image/x-icon"/>

Eliminar la navbar o barra Blogger.

Aunque esta barra puede tener algunos atajos para manejar nuestro blog, su valor es poco o nulo para el lector, ocupa espacio extra y es poco estética. Eliminarla es sumamente sencillo, solo hay dirigirse a Diseño/Edición HTML y buscar el siguiente

codigo: ] ] >< / b : skin >

Y justo antes pegar lo siguiente

codigo: #navbar-iframe { height:0px; display:none; visibility:hidden; }