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

2 Cursos Gratis éste 19 de Septiembre!!!

Hola a todas y todos! ésta ocasión traigo para ustedes 2 cursos gratuitos de Adobe Photoshop e Illustrator Básicos.

Aún hay lugares disponibles, si estan interesadas dejenme por favor su nombre, mail, país y horario que les interesa, tiene una duración de una hora y media a 2 horas!!! Aquí les dejo los Horarios definitivos y los requisitos!!!!

Después de un tiempo...

Hola a tod@s! Después de un buen tiempo sin escribirles por exceso de trabajo {Gracias a Dios}!
Aquí estoy de nuevo contandoles un poquito de lo que he hecho "Cursos presenciales, Diseños Web, Diseños para Fiestas {imprimibles}, y mucho más....". Entre otras cosas el ser mamá que sin duda es mi actividad favorita. Ya lista para las vacaciones de Verano!!! Muy buen tiempo para Cursos y Talleres de Diseño Presenciales y en Línea... quién dice YO???

Les traigo el Nuevo Rediseño de una de mis tiendas favoritas "Hadas y Grumetes" y de mi hermosisima clienta y amiga consentida "Joana Cazorla", quien buscaba una nueva imagen, más femenina y llena de detalle.

Les dejo un avance para que lo vena, esperando se animen a un Diseño o Rediseño de su Blog, Web y/o Tienda en línea!



Espero sus comentarios y lindo inicio de Semana!

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…