Ir al contenido principal

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!!!

Comentarios

Verchiel ha dicho que…
Oye me salvaste la vida!! Ya sigo tu blog =)
Janeth ha dicho que…
Muchas GRACIAS! Se van a estar agregando más Tutoriales y Tips. Bienvenida!

Entradas populares de este blog

NUEVOS FONDOS para Blogger GRATIS!

Éstos son algunos FONDOS para Blogger GRATIS {free blogger backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-A} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}

5.- Elige "{Añadir un Gadget}

6.- Y Selecciona "HTML/Javascript}

7.- Pega el Código que copiaste y Guardalo!!!


<br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/freebg-artemisablogs05.jpg %22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 st…

Fondos Gratis!!!

Éstos son algunos FONDOS GRATIS {free backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-E} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}

5.- Elige "{Añadir un Gadget}

6.- Y Selecciona "HTML/Javascript}

7.- Pega el Código que copiaste y Guardalo!!!


<br /> <br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/bg_dotsred-artemisablogs.jpg%22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%2…

Fondos GRATIS para Blogger

Éstos son algunos FONDOS GRATIS {free backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-E} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}5.- Elige "{Añadir un Gadget}6.- Y Selecciona "HTML/Javascript}7.- Pega el Código que copiaste y Guardalo!!!


<br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/bg_turkesakey-artemisablogs.jpg%22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%…