Como colocar un codigo para que los demas te link-me

Hola en el tutorial de hoy te voy a enseñar como poner una caja con un codigo HTML para que los demas puedan agregar tu banners. Este texto se lo dedico a mi amigo Victor de Peña Madristas Vegas Del Genil quien fue el que me ayudo.

1- Primero vamos a tener que crear nuestro banners, puede ser en Paint, Fireworks, Photoshot, etc..

2- Cuando ya tenemos creado nuestro banners vamos a subirlo a internet para obtener su URL. Yo recomiendo esta pagina Imageshack.

3- Despues vamos a ir a esta otra pagina Geocities que es para que nos den el codigo. Haora hace click en la imagen para ver los siguientes pasos que son muy faciles.

Espero que este otro turorial te alla servido... Suerte.

Como colocar tres columnas al pie de pagina

Hola devuelta. En el tutorial de hoy vamos a ver como colocar 3 columnas en el pie de pagina como vemos en la imagen,esto nos servira para poner muchas mas cosas y tener mas espacio en nuestro blogger.

1- Primer lugar tienes que ir a diseño y despues "elementos de la pagina", una vez que allamos accedido tenemos que sacar todos los elementos que hay y dejarlo vacio.

2- Luego vamos a "Edicion de HTML". Sin expandir plantillas de artilugio, buscamos el siguiente codigo. (te recomiendo que presiones control+f para buscar los codigos mas facilmente.)

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div&gt

Muchas platillas en lugar de estas lineas tienen "footer" o "footer-wrapper" dependiendo cual tengan.

3- Una vez visualizado vamos a tener que remplazar el codigo que esta en negrita, por este :

<div id='footer-columna-contenedor'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
<p>
<hr align='center' color='#6633FF' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

4- Haora que ya tenemos el codigo remplazado vamos a pegar las siguentes lineas antes de

]]></b:skin>

Codigo:

#footer-columna-contenedor {
clear:both;
}

.footer-columna {
padding: 10px;
}

5- Listo una vez agregaddo todos esos codigos vamos a tenes nuestras 3 columnas como en la imagen. Espero que te alla servido, un saludo GRANDE.....

Como colocar un icono al lado de la URL en blogger

En muchos navegadores; el mas conocido firefox podemos observar que varios sitios web tienen un icono al lado de su URL, para darle mucho mas estilo al blog.


Hoy te voy a enseñar como colocarlo en tu blogger, tienes que seguir bien los pasos y asegurate de tener todo.

1. primero necesitas una imagen o icono que sea 16x16.. el que mas te guste.
2. haora vamos a tener que subir el icono a la web para obtener la url directa. La pagina que recomiendo es Imageshack, porque es muy facil de usar y no tenes que registrarte ni nada. Solo la examinamos y la subimos.
   
3. Despues de aver copiado la URL de tu icono subido. Tenemos que remplazar las lineas que estan en rojo en las cajas de abajo. por la URL del icono que subimos anterior mente.

Coddigo 1 (copiarlo y remplazar la URL)

<link href='http://img205.imageshack.us/img205/6408/iconodeetiquetasxk5.png' rel='shortcut icon'/>

Codigo 2 (Copiarlo y reemplazarlo la URL)

<link href='http://img205.imageshack.us/img205/6408/iconodeetiquetasxk5.png' rel='icon'/>

Una vez reemplazado copia todo este codigo (una vez ya reemplazo por la URL de tu icono), y solo basta con colocarla en la plantilla para blogger.
has click sobre la imagen para agrandar.

Espero que este tutorial especial te alla servido. puedes encontrar mas tutoriales en las etiquetas "seccion auyada" de Estrellas Azules.blog
Recuerda que solo se vera en el navegador firefox.

Un abrazo grande..

Nicolas_nog@hotmail.com

para que le de el codigo mejor explicado.