5 nov 2009

Crear Banner para Afiliación

Aquí respondiendo algunas dudas de cómo crear un banner para la afiliación de sus blog o páginas web.
En algunos casos hay ciertas páginas que facilitan la subida de barnner o de almacenamientos de ellos y promocionar sus blog. Pero en este caso, sólo les hablaré de algo más sencillo...

Lo primero que deben hacer es su banner del tamaño que deseen (el más utilizado es de 88x31), para ello necesitan un programa de edición de imágenes como el PHOTOSHOP o hay programas especiales para hacer banner (no sé mucho del tema porque sólo utilizo el photoshop)Aquí les dejo un link para buscar programas para el banner

Luego de haber creado su imagen deben subirla a algún servidor que les entregue el URL de la imagen (como Flirck, photobucket, etc)

Y a través de este código colocan el URL de su banner y el URL de su página:

<div style="margin:auto;text-align:center;width:100%"><a href="El URL de tu página" class="postlink" target="_blank"><img src="El vinculo directo (URL) de la imagen" border="0" alt="" /></a></div>

Ejemplo:



Ahora para publicar el banner y para que todos obtengan el código para afiliarte, te diriges a esta página BLOGCROWDS que te dará el código para publicarlo (no te preocupes si salen letras extrañas, etc...es así xD)

Ejemplo:


Así quedará después de haber ingresado tu código en la página antes mencionada.

<a href=http://decorashojo.blogspot.com>
<img src="http://farm4.static.flickr.com/3618/3913533287_28e476b5f1_o.jpg"/>
</a>

Finalmente, para que el código (que es bastante extenso) lo colocaremos dentro de una "caja de texto" mediante este código

<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 100px; height: 40px;"><div align="left"><span style="white-space: pre-wrap; " class="Apple-style-span">Introduce el texto</span></div></pre></div></span><span class="Apple-style-span" ><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 4px; -webkit-border-vertical-spacing: 4px;">
</span></span><span style=" white-space: pre-wrap; font-family:monospace;font-size:13px;" class="Apple-style-span"></span>

Y quedará asi:


<a href=http://decorashojo.blogspot.com>
<img src="http://farm4.static.flickr.com/3618/3913533287_28e476b5f1_o.jpg"/>
</a>


PD: cualquier duda me escriben en el Cbox o al Mail Paradiseai@gmail.com
Que lo disfruten!!!

16 comentarios:

  1. Y en photopucket donde se sabe el codigo de la imagen?
    Y donde se el codigo de mi pagina?

    Jeje..ups, s ke no soi mui buena en esto :S
    Bueno, espero tu respuesta :D
    Kuidate
    Bye*

    ResponderEliminar
  2. hola!
    hace poco pude hacer el mio n_n muchas gracias por la información!
    Afiliamos? *_*

    ResponderEliminar
  3. excelente!! andaba buscando la forma de hacerlo y asi fue como me encontre con tu blog! muy bonito por cierto!
    :d saludos!!

    ResponderEliminar
  4. :g muy exelente publicación... :D
    y del blog ni que se diga por que esta lindisimo :S
    muy cute *w*
    :c

    ResponderEliminar
  5. Tengo un problema xD y es re raro, porque: cuando pongo el codigo dentro de la caja de texto, automaticamente me sale la imagen xD y no me sale el codigo...jejeje y no se si es algo normal o si se puede cambiar o si sabes como hacerlo para que no me salga la imagen xD, esk es mi primera vez! jajaj y me sale la imagen dentro de la caja de texto!! xD

    ResponderEliminar
  6. jajja sii es común que pase eso xD. Lo que pasa es que hay cajas de texto dónde sale inmediatamente el código y otras no, como lo explico aquí

    http://shojodecora.blogspot.com/2010/04/textarea.html

    Bueno, pero para simplificar las cosas...ingresas a esta página HTML

    http://blogcrowds.com/resources/parse_html.php

    Pegas el código y colcoas el botón rojo que dice PARSE y luego te saldrá otro código...Ese código lo pegas dentro de la caja de texto y listo!!!

    éxitooo!!

    ResponderEliminar
  7. Graciaas!! ^^, si me funcionó!! =D eres la mejor!! xD

    ResponderEliminar
  8. jajajajajajajaaj Gracias!...feliz por ti! que te haya funcionado xD...después te afilias y seamos páginas amigas :)

    ResponderEliminar
  9. ok!! ^^, Gracias por todo!! =D, aunque hay un problema nena :) no me sale tu código para poder afiliarte ._.! sale solo tu banner y sale una caja de texto, pero no sale el texto!! xD..Nos vemos ^^!

    ResponderEliminar
  10. aa es que el blog se ve mejor con mozilla firefox!!!,....ahi podràs ver el còdigooo!!!
    Besos

    ResponderEliminar
  11. Hola!! muchas gracias por la información!! me ha sido de mucha ayuda :)

    http://mapau13.blogspot.com.es/

    ResponderEliminar
  12. muchismas gracias, porfin lo logre :)

    ResponderEliminar
  13. Como que si entendi pero como que no xd

    ResponderEliminar
  14. Your article is extraordinarily smart.I love to browse your diary's posts everyday and that i got vast facilitate from your blog and developed a replacement app 4d lakshmi you'll check.Thanks for wonderful diary.

    ResponderEliminar
  15. If Your are not ediot then try this app BombSquad Mod Apk

    ResponderEliminar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
ir arriba