14 febrero 2011

Cómo hacer un Botón de Blog???

Un botón de TU Blog con código es muy importante y de mucha ayuda, la gent puede copiar el código que aparece debajo de él y agregarlo a su Blog. Qué ganas? o para que sirve? para que los contactos y/o seguidores del sitio dónde fué agregado tu botón le de click y los lleve a tu Blog, es Publicidad pura y GRATUITA!!! Aumenta el tráfico de tu Blog{gente que visita tu sitio}y así vas ganando seguidores. Aquí te dejo los pasos, son facilísimos. {Cualquier duda deja tu comentario}:

1.- Diseña tu Botón lo puedes hacer en Photoshop o en cualquier programa que se te facilíte, sólo recuerda q si tu botón no es cuadrado o rectangular lo deberás guardar como PNG para que te deje el fondo transparente y no blanco como un parche, éste debe medir 150 x 150 píxeles:

2.- Sube tu botón a tu cuenta de Photobucket {sino tienes una cuenta sacala "aquí"} o ve mi Tutorial De Cómo hacer un acuenta en Photobucket???


3.- Busca tu imagen y copia el "Código HTML"


4.- Abre la "Pestaña de Diseño" en tu Blog y escoge "Elementos de la Página" y da click en "Añadir un Gadget"


5.- Escoger "HTML/Java Script"


6.- Pegar el "Código que copiaste de Photobucket", debe verse algo así:


7.- Añade la etiqueta "<center>" al inicio del código y </center> al final debe verse así tu código:

<center><a href="http://s425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/?action=view&amp;current=btn_grabmybutton.png" target="_blank"><img src="http://i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/btn_grabmybutton.png" border="0" alt="Photobucket"></a></center>

8.- En la parte resaltda del código cambialo por la URL / dirección de tu Blog:

<center><a href="http://s425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/?action=view&amp;current=btn_grabmybutton.png" target="_blank"><img src="http://i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/btn_grabmybutton.png" border="0" alt="Photobucket"></a></center>

 9.- Copia todo el texto que tienes y pegalo debajo de éste:



10.- Al Código que Pegaste debajo agrega las etiquetas: <br><center><textarea> al inicio y al final </textarea></center>


11.- Da click en "Formato RTF" para visualizar tu Botón:


12.- En caso de que ya esté bien guardalo y listo!!!

2 comentarios:

Verchiel dijo...

Oye me salvaste la vida!! Ya sigo tu blog =)

Janeth dijo...

Muchas GRACIAS! Se van a estar agregando más Tutoriales y Tips. Bienvenida!

Related Posts Plugin for WordPress, Blogger...
 
Blog Design by Artemisa Blogs and Web