Ahora que [tenemos el gif], solo nos falta ponerlo en el blog.
Para eso, vamos a ir al diseño del blog.
Allí en un gadget, ponemos HTML/Javascript y pegamos lo siguiente:
<br />
<br />
<br />
Eso para el gif o imagen.
Donde pone URL DE TU BLOG, pues la dirección de tu blog (página principal)
Y donde URL DE LA IMAGEN, la dirección de tu imagen.
Para lo segundo, yo lo que hago es poner en un post la imagen (o gif) y a continuación (cuando ya esté publicado) "abrir enlace en una pestaña nueva" (dándole en la imagen con el botón derecho, claro). Copias el código de arriba y ya tienes la url de tu imagen.
Bueno, y ahora el recuadro donde se ve tu código para que otros bloggers lo puedan coger.
<textarea style="margin: 2px; width: 177px; height: 43px; "><a href="URL DE TU BLOG" target="_blank"><img src="URL DE LA IMAGEN" border="0" alt="Image and video hosting by TinyPic"></a>
<br />
<br />
<br /></textarea>
<br />
<br />
<br /></textarea>
Estos códigos que te acabo de dar son para que los pongas seguidos, si te doy un ejemplo ahora sería este:
¡Y así se pone el botón!
Consejos y tips:
. Puedes poner el gadget donde mejor te venga, ya sea en una entrada (página de afiliados) o a la derecha, al final del blog, etc.
. Como título en el gadget puedes poner "Botón de afiliación", "llévame contigo" o cualquier cosa original que se te ocurra.
. Esta imagen que usé de ejemplo es demasiado grande, con que para un gif de afiliación lo mejor es hacerlo mas pequeño. Por ejemplo redimensionandolo con el Paint.
. Los botones de afiliación también pueden servir para promocionar cosas como concursos, sorteos o de dar créditos (no solo sirven para publicitar exclusivamente tu blog).
. Crea páginas de afiliación para tu blog, es muy útil. Yo, por ejemplo tengo una en mi otro blog que es esta llamada Afiliados ^^. Hay una página de Afies [aquí] en este blog.
Si acabas de crear tu botón o ya lo tienes y quieres aparecer, haz clic en el enlace y deja un comentario en la entrada para que te ponga (a poder ser con la dirección de tu blog).
. Haz una imagen que refleje tu blog lo mejor posible. Y a poder ser que sea atractiva, para que lectores se interesen. También puedes poner el tema (o los temas) de tu blog como lo tengo yo puesto.
. Si quieres afiliarme en tu blog coge el botón que se encuentra en la página. (ya sea de este o del otro blog La guía de la moda :))
De momento creo que os he dicho todo con respecto a esto, puede que con el tiempo se me ocurran mas tips, con que iré poniéndolos poco a poco.
Un beso muy grande a mis Shiners :3
muchas graciasss, ahora pongo lo de la clave :)
ResponderEliminarClaro ^^
EliminarMe gusta que escribas post sobre esto, ayudas a mucha gente que no entiende de estas cositas =)
ResponderEliminarPor cierto guapa, estoy participando en un reto de manicura, me gustaría que participases con tus votos http://perdonapero.blogspot.com.es/2012/08/participantes-reto-manicura-votaciones.html
Un besazo!!
ya, tengo consciencia de eso y me alegra lo que pueda ayudar ^^
Eliminarahora me paso, descuida ^^
un besoo :D
Graxias shine!!!
ResponderEliminarBesitos cariñosos!!!=)
^^ de nada :)
Eliminarbesitos :3
Hola!! muchisimas gracias por el tutorial!! me encanto! jeje
ResponderEliminarBesos!!
De nada, que para eso estamos ^^
Eliminarbss
Chachi, otro tutorial guay xD
ResponderEliminarPerdón por tardar en comentar, pero he estado perdida, y ahora lo estaré más o menos también esta semana porque es mi cumpleaños (más información en mi blog xDD)
Un besito!
^^ no importa, nos pasa a todos! :D
Eliminarjeje, me alegro de que te gusten x)
me pasaré para felicitarte, descuida :3
un besoo
Esque tu blog es tan bonito n.n
ResponderEliminarMil gracias por pasar a mi blog (':
Me encanto tu coment hermosa,gracias enserio,espero mires tu respuestita ♥
http://tuuuespacio.blogspot.mx/
Y tu entrada y consejos estan super :)
Te sigo shiny :3
Besos linda :)
n.n me alegro de que te guste tanto, el tuyo es hermoso tambien!
Eliminarya te volví a responder a tu respuesta xD
gracias por todo, un besito ^^
Hola!
ResponderEliminarMuchas gracias por tu comentario! Tienes cosas realmente interesantes en tu blog, me quedo como seguidora. Y gracias por el truco ^^
De nada, gracias a ti por pasarte y todo n.n
Eliminarme alegro de que te guste!
muchos besos ^^
Gracias por esto! Llevo tiempo queriendo saber como se hacia.
ResponderEliminarBesos
xD a mi me costó bastante encontrarlo x)
Eliminarde nada y bss
A mi me sale que hay caracteres no válidos :( y lo hago igual como dice le tutorial :(
ResponderEliminarpero donde te sale eso? si quieres que te ayude tienes que ser algo mas preciso (o precisa)!
Eliminargracias! me habia estado haciendo la cabeza con eso, gracias a ti ahora lo pude hacer :D
ResponderEliminarDe nada! a mi tnbn me costó mucho.. por eso lo puse, jeje
Eliminarun saludo!
Gracias, pero tengo una duda.
ResponderEliminarCuando lo pongo me sale la imagen muy grande ¿se pudría poner más pequeña?
Pues deberías redimensionar la imagen desde un editor tipo paint, porque si hablas del tuyo mejor cambiarlo desde un principio, luego es un poco rollo tener que cambiarlo siempre...
EliminarNo se si me explico :S
Jopé, me ha ayudado un montonazo!!!
ResponderEliminarMuchísimas gracias!!! ^^
De nada & me alegro muchoo :P
Eliminarun besoo~
Hola guapisima! He descubierto este blog por casualidad! Y estoy fanatica!! o_o!! Me encanta como lo narras todo! Que bien que estés haciendo tutos también, no sé que haría sin tí!! Una cosita, mi blog tiene 4 seguidores(incluyéndome a mí, no te digo más) Te importaría pasarte ? UN besazo! Ah, por ciero, he votado tu foto en el concurso de fotografía, simplemente porque me gusta más, pero no se lo digas a Sarita Sonrie que se me enfada!! Besazos!!
ResponderEliminarAh, mi blog, si solonecesito1minuto.blogspot.com Ahora si que sí, adios guapa! Gracias por ayudarme con los afiliados!!
Jeje me alegro ^^ es que desde que empecé he aprendido cositas y para que a los demás no les resulte complicado encontrarlas :3 Ya me pasé :P
Eliminarjaja no te preocupes, de todas formas esta claro quien va a ganar y no me extraña, me encanta su foto ;)
Un beso linda♥
Y de nada!!
Hola! Gracias por la información! Ya te agregue a mi blog! espero me visites! :=
ResponderEliminarAhora mismo gracias :D y claro! besos~
Eliminarmuchísimas gracias lo estaba intentado desde hace mucho y no podía y con seguir tus pasos a la primera! gracias
ResponderEliminarvaya me alegra que te haya ayudado ^^
Eliminarun saludo!
Hola, lindo blog :) muchas gracias por la explicación. Me quedo en tu blog y te invito al mio :) Mirtha Amigurumis
ResponderEliminarhttp://mirthamigurumis.blogspot.com
Muchas gracias :)
Eliminar¡Gracias, que no me enteraba! Me ha gustado tu blog ^^ me pasaré a diario y yo también te convido a pasarte por el mío si quieres afiliamos mutuamente ^^ buen día!
ResponderEliminarGracias a ti ^^
Eliminar¡Muchísimas gracias! Tus tutoriales me están resultando realmente útiles :3
ResponderEliminarMe alegra saberlo :)
Eliminarbesos♥
¡Muchas gracias! :3
ResponderEliminara ti! ^^
EliminarHola!!
ResponderEliminarHe descubierto este blog hace poco la verdad es que me encantó y me has ayudado muchisímo :) Gracias Shine!!
Holis
Eliminargracias a ti por quedarte guapa :)
me alegra haber ayudado, besitos
Hola! Cuando puedas entra a mi blog y mira lo que sucede. No queda la parte del código dentro del recuadro. No se que es lo que sucede.
ResponderEliminar¿Puedes ayudarme?
Gracias! http://weheartbooklove.blogspot.com
Me parece que no copiaste esa parte... vuelve a seguir paso a paso el tuto y seguro que te sale :)
Eliminarbesitos
Gracias!!!! me resolviste un problema!!!!
ResponderEliminarme alegra que sirviera c:
EliminarOh! Mil gracias! Por fin me sirvió!
ResponderEliminargenial :))
EliminarMuchisimas gracias!!! llevaba horas buscandolo y ningún tutorial me servia!! :'D
ResponderEliminarte dejo mi blog para que veas que lindo quedo http://mislibrosfavoritosymas.blogspot.com.ar/
Gracias!!!!
Que guay, gracias a ti<3
Eliminarbesitos
el cuadro me sale en blanco, a que se debe??
ResponderEliminarserá porque el código ha sido modificado, si completas todo como te digo normalmente te sale :)
Eliminarvolvi hacer todo lo que dices, pero continua saliendo el cuadro en blanco, pero enconces se me ocurrio sustituir los "<" por corchetes y ya salieron los codigos...
EliminarPues que raro, porque normalmente funciona... pero si encontraste solución guay C:
EliminarMuchas gracias, me funciono perfecto. Ademas esta muy bueno tu blog lo estoy empezando a conocer, te felicito. Gracias otra vez ;)
ResponderEliminarhttp://rinconcitodeleer.blogspot.com/
gracias me sirvio muchisimo :D
ResponderEliminarHola!, estaba buscando esto desde hacia tiempo nos afileamos? este es el link de mi blog http://iamthegirlwithbrowneyes.blogspot.com/ alli esta el HTML que aprendí a hacer aquí gracias, saludos! Pd: te afileo :3
ResponderEliminaraaaaaaaa muchas gracias al fin me salió TT_TT , me encanta tu blog es muy bonito ya soy un miembro :D ,yo apenas estoy empezando mi blog es sobre libros es este :3 http://dream-with-books.blogspot.mx/
ResponderEliminarMuchas gracias por la explicación.
ResponderEliminarNos afiliamos ;) Ya me llevo tu banner http://booksandfantasies2.blogspot.com.co/p/creditos.html
ResponderEliminarSos una genia!!!, pasan los años y tus explicaciones siguen rindiendo fruto. Muchas gracias!!!. Por el momento ya pude hacer el botón de afiliación. Ahora a ver si descubro cómo se hace una página.
ResponderEliminarSaludos!!!