Redirecciona dentro de un post / Agrega marcadores a tus entradas

En cualquier momento podemos vernos en la necesidad de publicar en una misma entrada (post) textos muy extensos, con diversos temas que pueden tener similitudes o estar relacionados entre si. Para el lector puede ser algo tedioso el tener que dar lectura a gran parte del texto para encontrar una parte específica del mismo.

Esto se puede solucionar agregando “marcadores” o lo que algunas personas conocen como redireccionar dentro de un post (entrada). Lo cual permite ir a una ubicación especifica del texto sin tener que desplazarse por todo el documento.

Ejemplo No.1

Supongamos un blog de recetas de comida, y el autor publica en cada nueva entrada diferentes recetas de un mismo país, entonces decide dedicar una entrada a recetas de México en la cual agrega las recetas de: Tamales, Cabrito y Chiles rellenos.

Si el autor agrega los marcadores y el visitante esta únicamente interesado en la receta de “Cabrito” al presionar en el marcador, lo enviara directamente a la receta que es del interés de nuestro lector, sin tener que pasar por la de “Tamales”.

Para mostrar de manera más grafica el funcionamiento de los marcadores, veamos el siguiente:

Ejemplo No. 2

Panel de Blogger

Desde el panel de control, el usuario puede administrar y definir los diferentes aspectos de publicación, y actualización del y/o blogs en los que sea administrador o participante, desde el cual se ingresa a los diferentes menús:

Si presionas sobre el texto de “Diseño”, veras que te envía a esta parte del texto, sin tener que desplazarte por “Entradas” o “Configuración”.

Menús

Entradas
Configuración
Diseño

Entradas

Permite visualizar, editar y en su caso eliminar la(s) entrada(s) del blog.Configuración

Básico – Contiene la información de titulo, descripción y tipo de contenido del blog.

Publicación - Define la dirección o dominio del blog.

Formato - Define el numero de entradas a mostrar, el tipo de fechas y horarios en títulos, archivos, etc.

Comentarios - Define la manera en que se mostraran o no, comentarios en las entradas.

Archivo - Define la manera en la que se archivaran las entradas del blog.

Feed del sitio - Define el tipo y publicación de feed del blog.

Correo Electrónico - Define la dirección de e-mail del blog.

OpenID - Muestra la OpenID del blog y los usuarios identificados en el mismo.

Permisos - Permite definir el tipo de acceso al blog y agregar autores o administradores para que participen en el contenido del mismo.

Diseño

Elementos de pagina - Muestra y permite editar los diferentes elementos que contiene el blog (Lista de blogs, Presentaciones, Vínculos de suscripción, encuesta, listas, lista de vínculos, imágenes, AdSense, bloques de texto, HTML/Javascript, etiquetas/tags, etc.)

Fuentes y colores - Permite definir el tipo de fuente, color y tamaño, utilizados en la diferentes partes del blog.

Edición de HTML - Permite accesar a la CSS/Plantilla de nuestro blog, así como realizar una copia de de seguridad de la propia plantilla.

Seleccionar plantilla nueva - Permite cambiar la plantilla actual por otra (galería de plantillas de Blogger).

Lo anterior lo podemos llevar acabo agregando en nuestras entradas (posts), unas simples líneas de código:

Primero:
<A HREF = "#FAQ1">Titulo o Texto aquí</A>
Este código debemos agregarlo en donde deseamos que sea el marcador y/o donde se presiona para dirigirse a una parte específica del texto.

Segundo:

<A NAME = "FAQ1"><U>Titulo o Texto aquí</U></A>
El segundo código debemos colocarlo donde deseamos que se muestre, tras haber dado clic.

Y listo, con esto agregamos marcadores a nuestras entradas, para redireccionar dentro de un post a nuestros lectores.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Añade una imagen a la fecha de tus posts / entradas

Añadir una imagen en la fecha de nuestros Posts (entradas) pude ser un detalle decorativo muy sencillo, pero es un elemento que destaca y da mas vista a nuestro blog.

Esto lo podemos hacer, agregando unas líneas de código a nuestra CSS (plantilla), como se muestra en los pasos siguientes:

1. Ingresa a Panel/Diseño/Edición de HTML.

Nota: Antes de hacer cualquier modificación a nuestra CSS, es importante que siempre guardemos una copia de seguridad.

2. Busca el código h2.date-header ,y te aparecera algo como lo siguiente:

/* Posts ----------------------------*/ h2.date-header { margin:1.5em 0 .5em; }
3. Delante de h2.date-header { agrega el código siguiente:

padding-left:20px;
padding-top:35px;
background: url(Dentro del paréntesis agrega la URL de la imagen incluido el http://) center left no-repeat;

4. Presiona en “VISTA PREVIA” para visualizar como se ve, y en su caso hacer modificaciones a los valores de:

padding-left: Distancia a la derecha entre la imagen y el texto (el valor es en pixeles).

padding-top: Distancia de altura entre la imagen y el texto (el valor es en pixeles).

5. Una ves que estés conforme con los cambios, presiona en “GUARDAR PLANTILLA” y listo, ahora nuestros posts tendrán un elemento decorativo personalizado.

Tips: Las dimensiones ideales para la imagen pueden ser de 16x16 (pixeles), 32x32 (pixeles) hasta un máximo de 40x40 (pixeles), eligiendo una imagen en la que no se pierdan los detalles al reducir su tamaño.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Búsqueda rápida de código en nuestra CSS /Plantilla de Blogger.

Que es CSS?

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). Que en nuestro caso para hablar en términos mas simples, corresponde a la plantilla de nuestro Blogger.

Podemos cambiar el aspecto de prácticamente cualquier parte de nuestra plantilla a través del código de la misma, y para ello debemos localizar fragmentos de código lo cual puede ser muy tedioso.

Sin embargo existe una manera muy fácil y rápida de poder localizar códigos en nuestra plantilla como veremos a continuación:

Usuarios Firefox

1. Ingresa a Panel/Diseño/Edición de HTML.

2. Marca la casilla de “Expandir plantillas de artilugios”.

3. Presiona las teclas CTRL + F, lo cual nos abrirá en la barra de inicio del navegador, un cuadro de búsqueda.

4. En el cuadro de búsqueda, introduciremos el fragmento de código que deseamos encontrar, y automáticamente nos posicionara en el fragmento de codigo, el cual aparecerá resaltado en color verde.

Usuarios IExplorer:

Todos los pasos anteriores son lo mismo, la diferencia radica en que al centro se abrirá la ventana de búsqueda y el código encontrado aparecerá en color azul.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Métodos para que te enlacen

Algunos de nuestros visitantes pueden enlazar nuestro sitio o blog desde el suyo, ya sea por que les gusto el contenido, como agradecimiento por que encontraron algo de utilidad en el nuestro, o simplemente por que se acordó un intercambio de links (enlaces) entre ambas partes.

Por ello es importante que le facilitemos a nuestros usuarios, una forma rápida y sencilla de podernos enlazar. Esto lo podemos hacer proporcionando los códigos de un enlace de texto, botón o banner como los siguientes:

Enlace de Texto:

Programas y Utilerías

Enlace de botón o banner:



Primeramente vamos a ver los códigos que corresponden para cada tipo de enlace:

Código para enlace de Texto:

<a href="http://URL COMPLETA DE TU SITIO O BLOG" target="_blank">NOMBRE DE TU SITIO O TEXTO QUE DESEAS AGREGAR</a>

Código para enlace de botón o banner:

<a href="http://INGRESA AQUÍ LA DIRECCION COMPLETA DE TU SITIO O BLOG" target="_blank"><img border="0" src="http://INGRESA AQUÍ LA DIRECCION COMPLETA DE LA UBICACIÓN DE TU BOTON O BANNER"/></a>

Dependiendo del código que gustes (texto/botón-banner) lo puedes proporcionar, mostrándolo en una caja, debiendo agregar al principio de tu codigo, la etiqueta <textarea> y al final la etiqueta </textarea> para que se vea así:

<a href="http://programas-utilerias.blogspot.com" target="_blank"><img border="0" src="http://cocoscuba.googlepages.com/banner_programasutiles4.gif" /></a>

Ejemplo del código de texto para que sea mostrado en una caja:

<textarea><a href="http://URL COMPLETA DE TU SITIO O BLOG" target="_blank">NOMBRE DE TU SITIO O TEXTO QUE DESEAS AGREGAR</a></textarea>

El usuario simplemente debe copiar y pegar en su sitio o blog, el código que le proporcionaste y listo.

Usuarios de Blogger - Que te enlacen con un clic

Ya vimos como proporcionar el código para que te enlacen, sin embargo puedes brindar a los usuarios de Blogger otro método para que agreguen tu link con un solo clic.

Esto lo puedes hacer mostrando un botón en tu blog, que tiene la función de agregar el código de tu enlace como un elemento de página, en el blog del usuario que te quiera enlazar.

Ejemplo:

<br /><a href="http://programas-utilerias.blogspot.com"><br /><img alt="Programas y Utilerías" src="http://cocoscuba.googlepages.com/banner_programasutiles4.gif" /><br /></a><br />

Para implementar este botón a tu blog, copia y pega el código siguiente:

<center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="LINK RECOMENDADO" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
<a href="http://URL COMPLETA DE TU BLOG">
<img alt="TITULO DE TU BLOG" src="http://URL COMPLETA DE TU BOTON O BANNER"/>
</a>
</textarea>
<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="ÉNLAZAME CON UN CLICK" name="go" type="submit"/>
</form></center>

En la parte del código que aparece en negrita, debes agregar la información de tu blog.

Como ya mencione, una ves que presione el usuario en el botón, aparecerá una ventana de blogger para agregar un elemento de pagina, en la que el usuario puede seleccionar cualquiera de sus blog´s al que desea aplicar el elemento (en caso de que te mas de un blog), después presiona en “AÑADIR ARTILUGIO” y listo, se habrá agregado el enlace como un elemento HTML/JavaScript de forma rápida y sencilla.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Utilerías para tu blog – Paquete 2

Traductor Multilingüe.

En muchas ocasiones la barrera del idioma, nos puede ocasionar la perdida de lectores de nuestro sitio o blog, pero podemos ofrecerle a nuestros visitantes la opción de un traductor multilingüe para que disfruten de nuestro contenido con tan solo un clic.

Muchos de mis visitantes ya conocen el traductor Worldlingo, ya que anteriormente lo recomendé como una extensión para el navegador Firefox (Foxlingo). Implementar este traductor multilingüe en nuestro sitio o blog es muy sencillo, simplemente copia y pega el código siguiente:

<img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="ES" name="wl_srclang" type="hidden"/>
<select style="font-size: 90%; width: 170px;" name="wl_trglang">
<option value="EN"/>Español - Inglés
<option value="FR"/>Español - Francés
<option value="DE"/>Español - Alemán
<option value="IT"/>Español - Italiano
<option value="PT"/>Español - Portugués
<option value="RU"/>Español - Ruso
</select>
<input value="http://URL DE TU SITIO O BLOG" name="wl_url" type="hidden"/>
<input style="font-size: 90%; width: 70px;" value="Traduce" type="submit"/>
</form>

Donde dice URL DE TU SITIO O BLOG, debe cambiarse por la dirección completa de nuestro sitio o blog (incluido el http://) para que funcione esta aplicación.

Tiras Decorativas

Quick Ribbon es una aplicación on line que nos permite crear una tira decorativa en diagonal, para nuestro sitio o blog (como la que ves en la parte superior derecha) de manera muy fácil y rápida, ya que su manejo es muy intuitivo.

Puedes elegir entre varios modelos, agregar texto, links, cambiar las propiedades de color, etc. Para ingresar a esta aplicación presiona en el banner siguiente:

Para visualizar los cambios que se vayan realizando, se debe presionar en “Apply”, una ves que se hayan elegido las propiedades de la tira decorativa, se debe presionar en “Generate Ribbon!” para que nos proporcione el código de nuestra tira decorativa, este código debemos copiarlo y pegarlo, después del <head> de la plantilla de nuestro sitio o blog.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Copyescape - Averigua quien copio tus textos

Existen personas que copian textos de nuestro blog o sitio, ya se de forma parcial o completa. Obviamente estas personas no tienen la capacidad mental para por lo menos exponer la información con sus propias palabras, citar la fuente o tener la decencia de agregar un link como medio de agradecimiento de donde obtuvieron la información.

Copyscape es una aplicación on line que nos brinda la asistencia de saber quien ha copiado nuestras entradas, con ello podemos hacerle una visita y por lo menos dejarle o enviarle unas cuantas mentadillas de madre y otras leperadas … jeje

1. Para ingresar presionan en el banner siguiente:

2. Ingresa la URL de tu blog o sitio en el cuadro y presiona donde dice “GO”.

3. Copyscape llevara acabo un escaneo.

4. Tras realizar el escaneo, te mostrara una lista de los sitios en los cuales encontró textos de tus entradas.


5. Una vez llevado acabo esto abre tu block de notas de Windows y escribe una relación de las mejores leperadas, para que al enviárselas no se te olviden.

Seria muy conveniente que agregaras a tus comentarios un avatar acorde con los mismos, puedes usar la imagen siguiente:

Tras haber hecho todo lo anterior, recuerda que la vida lo cobra todo y se feliz... jeje

Nota. En las pruebas que he llevado acabo Copyscape es 90% efectivo en el escaneo que realiza (el margen es mínimo y es una buena aplicación).

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Blogroll – Sin efecto de scroll

En la entrada anterior vimos que es un blogroll y como implementarlo con efecto de scroll automático a nuestro sitio o blog. Si deseas implementar un blogroll sin efecto de scroll automático como el siguiente:

Este es un ejemplo de lo que puedes hacer con un blogroll, puedes mostrar un simple texto (como este) o elementos como:

Una serie de banners con enlace:

Una galería de imágenes:




Una serie de enlaces de texto:

Programas y Utilerías
El Balcón Amateur
Escala Mania

Simplemente copia y pega el código siguiente:



<ilayer clip="0,0,170,150" width="180" name="scroll1" height="160">
<layer width="180" name="scroll2" height="160" bgcolor="lightyellow">
<div id="scroll3" style="width:468px;height:300px;background-color:#fffff;overflow:scroll">
<font color="#000000"><p align="left">

Código para banners con enlace (elimina este texto:

<p align="center">
<a href="http://URL COMPLETA DEL SITIO QUE DESEAS ENLAZAR" target="_blank"><img src="http://URL COMPLETA DE LA IMAGEN DEL BANNER" border="0" /></a></p>

Código para una galería de imágenes (elimina este texto:

<img src="http://URL DE LA IMAGEN QUE DESEAS MOSTRAR" width="150" />

Código para una serie de enlaces de texto(elimina este texto):

<a href="http://URL COMPLETA DEL SITIO QUE DESEAS ENLAZAR" target="_blank">TEXTO QUE DESEAS AGREGAR</a>

</font>
</div>
</layer>
</ilayer>

Para modificar el ancho y altura de la marquesina los puedes hacer en la primera parte del código, donde dice Width = Ancho y Height = Altura cambiando los valores actuales por los que tu requieras.

Si deseas cambiar el fondo de la caja lo puedes hacer sustituyendo los valores donde dice background-color:#fffff o bien si quieres que tenga el mismo fondo del color de tu blog suprime el valor fffff dejando el signo de #.


NO DEJES DE VISITAR:

http://www.buscate.com.mx

Blogroll – Agrega una marquesina de enlaces a tu blog o sitio

Que es un Blogroll?

El termino blogroll se refiere a una colección de enlaces de blogs o sitios, normalmente presentado en una columna lateral de la plantilla.

Su implementación en forma de marquesina permite mostrar no solamente enlaces, también pueden agregarse imágenes y texto en un solo y reducido espacio, ya que se muestran los diferentes elementos en forma de desplazamiento.

Ejemplo:

Este es un ejemplo de lo que puedes hacer con un blogroll, puedes mostrar un simple texto (como este) o elementos como: Una serie de banners con enlace: Una galería de imágenes: Una serie de enlaces de texto: Programas y Utilerías El Balcón Amateur Escala Mania

Como ya vimos el contenido se muestra en scroll (desplazamiento) y este se detiene o pausa, para permitir ver o hacer click (en los enlaces) en un elemento en especifico, cuando se posiciona el puntero del mouse por encima del contenido, y el desplazamiento continua cuando se retira el puntero de la marquesina.

Si deseas agregar un blogroll a tu sitio o blog, copia y pega el código siguiente:


<table align="center" border="2" height="120" width="468"><tbody><tr><td><marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" height="120">

Este es un ejemplo de lo que puedes hacer con un blogroll, puedes mostrar un simple texto (como este) o elementos como:

Una serie de banners con enlace:

<p align="center">
<a href="http://programas-utilerias.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/banner_programasutiles3.gif" border="0" /></a></p>
<p align="center">
<a href="http://balconamateur.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/BANNER_ELBALCON1.gif" border="0" /></a></p>
<p align="center">
<a href="http://escalamania.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/BANNER_ESCALA_MANIA1.gif" border="0" /></a></p>
<p align="center">
<a href="http://tutorgames.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/TUTORGAMES_BANNER2.gif" border="0" /></a></p>
<p align="center">
<a href="http://promogirls.blogspot.com/" target="_blank"><img src="http://cocoscuba.googlepages.com/BANNER_PROMOGIRLS1.gif" border="0" /></a></p>

Una galería de imágenes:

<img src="http://cocoscuba.googlepages.com/coco.jpg" width="150" />
<img src="http://cocoscuba.googlepages.com/CAROTA1.jpg" width="150" />

Una serie de enlaces de texto:

<a href="http://programas-utilerias.blogspot.com/">Programas y Utilerías</a>
<a href="http://balconamateur.blogspot.com/">El Balcón Amateur</a>
<a href="http://escalamania.blogspot.com/">Escala Mania</a>
</marquee></td></tr></tbody></table>

Recuerda que debes cambiar en el código donde dice a href por la dirección completa del link que deseas agregar, y donde dice src por la dirección completa de la imagen que deseas.

Si no viste el tema de cómo agregar un banner o link, puedes hacerlo presionando aquí.

Para modificar el ancho y altura de la marquesina los puedes hacer en la primera parte del código, donde dice Width = Ancho y Height = Altura cambiando los valores actuales por los que tu requieras.

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Agrega tu sitio o Blog a los principales buscadores.

Muchas personas invierten gran cantidad de tiempo e incluso recursos económicos, en el diseño y creación de su pagina o sitio Web, y la verdad es que de nada sirve tener un sitio muy elaborado, costoso o con buen contenido si no se obtienen visitas.

Para obtener las tan deseadas visitas, debe aparecer nuestro sitio en los principales buscadores, de lo contrario es como si no existiéramos en la Web, Red, Internet, Ciberespacio o como le gustemos decir.

Ahora bien antes de proseguir con el tema de los buscadores, debemos considerar algunos aspectos que son importantes para no acabar frustrado y en el peor de los casos abandonar nuestros proyectos, por ello toma en cuenta las siguientes recomendaciones:

Paciencia – Es una de las principales cualidades que debemos tener “Roma no se construyo en un día”.

Trabajo – El crear un sitio es la parte más sencilla, el verdadero trabajo comienza en tratar de posicionar nuestro sitio a mejores posiciones dentro de los buscadores.

Dedicación y compromiso – Esto implica estar al pendiente de nuestro sitio, actualizando o mejorando su contenido, corrigiendo fallas (link rotos, aplicaciones, etc.).

Optimizar – Es de suma importancia que optimicemos nuestro sitio, para facilitar a los buscadores la labor de indexar la información del mismo, esto lo podemos conseguir si nuestro sitio cuenta con las meta tags (palabras claves), Site Map, etc.

Links – Para que tu sitio figure en las primeras posiciones de las búsquedas, debe tener un buen PageRank, el PageRank es utilizado por Google y sirve para determinar la importancia, relevancia o popularidad de una página. La popularidad y un mejor PageRank se obtiene a través de los links lo que se traduce a más visitas.

Por desconocimiento, existen muchos sitios que cobran por enviar la información de nuestro sitio a los buscadores, siendo que es algo muy fácil y que nosotros mismos podemos hacer. El trabajo de buscar esta información ya lo hice por ti y para facilitarte las cosas, encontraras los links donde podrás llenar y enviar la información de tu sitio directamente a los buscadores, a continuación:

Es el principal y mejor de los buscadores donde debe aparecer tú sitio.




Al agregar tu sitio a este buscador también se agregar al de “Altavista”.




Alexa toma mucho en cuenta las búsquedas de este buscador.




Este buscador en lo personal no lo utilizo, pero no esta de mas.


Ya que enviaste la información de tu sitio a los buscadores, te recomiendo que te sientes, y te tomes una copa a la salud de ambos.

No dejes de tomar en cuenta las recomendaciones que leíste mas arriba y si deseas agradecerme por la información, el mejor detalle y que yo te agradeceré es: agregando un link de de este sitio al tuyo y lo puedes hacer muy fácil, tan solo copia y pega el código siguiente:

<p align="center">

<a href="http://programas-utilerias.blogspot.com" target="_blank"><img border="0" src="http://cocoscuba.googlepages.com/banner_programasutiles3.gif"/></a></p>

NO DEJES DE VISITAR:
http://www.buscate.com.mx

Agrega un banner con enlace a tu blog

Es posible que reciba comentarios de algunos visitantes con respecto a que agregar un banner es básico de HTML, pero la realidad es que existen muchas personas que no tienen conocimiento sobre HTML/Javascript y en la búsqueda de respuestas, para agregar una u otra función a su blog, acaban agotadas y frustradas.

Este blog tiene el objetivo de ayudar a quienes buscan soluciones o respuestas, y por ello antes de continuar veremos lo siguiente:

Que es HTML / JavaScript:

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), en pocas palabras es el lenguaje (programación) utilizado en la construcción de paginas Web. En nuestro caso, los códigos de HTML/JavaScript nos servirán para agregar funciones, utilerías o artilugios a nuestro blog.

Como agregar HTML / JavaScript en Blogger:

1. Ingresa al menú de “Diseño” de tu blog:

2. Presiona donde dice “Añadir un elemento de pagina”.


3. Presiona donde dice “Añadir al blog” de la opción HTML/JavaScript.


4. En la venta de nombre "Configurar HTML/JavaScript" pega el código en el cuadro de contenido, también puedes agregar en “Titulo” lo que gustes para identificarlo en tu plantilla, después presiona donde dice “Guardar” y listo.


Ahora tendrás un nuevo elemento (HTML/JAVASCRIPT), el cual puedes acomodarlo en la parte que gustes de tu plantilla.

Agrega un banner con enlace a tu blog

Visto lo anterior, si deseas agregar un banner o imagen con un enlace, que abra el link en otra pestaña del navegador de tu visitante, como el siguiente:

Simplemente copia y pega el código siguiente:

<p align="center">

<a href="http://programas-utilerias.blogspot.com" target="_blank"><img border="0" src="http://cocoscuba.googlepages.com/banner_programasutiles3.gif"/></a></p>

Donde dice:

href="http://programas-utilerias.blogspot.com"

Esta línea de código corresponde a la dirección del sitio que enlaza y debes sustituirla por la dirección completa (incluido el http://) del sitio que tu desees enlazar.

Donde dice:

src="http://cocoscuba.googlepages.com/banner_programasutiles3.gif"

Esta línea de código corresponde a la dirección de la imagen y debes sustituirla por la dirección completa (incluido el http://) de donde se encuentra alojada la imagen que deseas mostrar.

En el ejemplo del banner se muestra una imagen con dimensiones de 468x60, el primer código aplica, cuando deseas mostrar la imagen que quieras en su tamaño original.

Ahora bien, si deseas mostrar un banner o imagen y quieres ajustar sus medidas, sin afectar el tamaño original de la imagen, copia y pega el código siguiente:

<p align="center">

<a href="http://programas-utilerias.blogspot.com" target="_blank"><img border="0" width="468" src="http://cocoscuba.googlepages.com/banner_programasutiles3.gif" height="60"/></a>
Como ya vimos, debemos sustituir donde dice href y src por la dirección del enlace y la dirección de la imagen respectivamente. Ahora en el código anterior donde dice Width = Ancho y Height = Altura, debemos cambiar los valores de 468 y 60 respectivamente, por las medidas que deseas que mustre tu imagen.

Cabe señalar que los anteriores códigos, no solamente los puedes agregar a tu blog como un nuevo elemento de pagina, también puedes agregarlos a tus entradas y/o pots.



Si deseas crear un banner sencillo, gratis y “on line” puedes hacerlo en las páginas siguientes:

BannerBreak
http://www.bannerbreak.com/index.php

Ciberzonia
http://www.ciberzonia.net/recursos_webmasters/banners_online.html

NO DEJES DE VISITAR:
http://www.buscate.com.mx