Aitokawaii


ENTRADAS ABOUT AMIGOS MATERIAL TUTORIALES Extras FCBOOK TWITTER Inicio

[Tutorial] ¿Como hacer un codigo de mi boton afiliador?
sábado, 18 de febrero de 2012 | 17:29
Koni koni minna!! ¿como les va? Bueno aqui empezamos ya con los tutos y lo mas original que ai to kawaii les pueda ofrecer. Todo sacado de mis bellos recuerdos de los estudios sobre informatica xd. Asi que tal vez no sea una profecional pero igual tengo mis conocimientos.

Esta vez les dejo un tuto facil se trata de poner tu codigo de afiliacion abajo de tu boton.. algo asi:


Da Click en la imagen para ver mas grande

Bueno empecemos!


1- Te vas a Diseño >> Elementos de la página >> Añadir un gadget >> Html/javascript  y ponemos el siguiente codigo:

<a href="Direccion de tu blog"><img alt="Titulo de tu blog" border="0" height="60" src="direccion de tu boton" width="150" /></a>
<div style="font-family: verdana; text-align: left">
<textarea cols="13" rows="3" style="background-attachment: fixed; background-image: url(Direccion del fondo de tu cuadro de texto); border-bottom: rgb(248,163,29) dotted; border-left: rgb(248,163,29) dotted; border-right: rgb(29,163,248) dotted; border-top: rgb(29,163,248) dotted; text-align: center;"><a href="direccion de tu blog"><img alt="Titulo del blog" border="0" height="60" src="direccion de tu boton" width="150" /></a></textarea></div>

2.- Das guardar y listo!

 

Les explico para que modifiquen lo necesario:

Para empezar las partes de color diferente obviamente las cambiaran a su preferencia ! cual es la direccion de su blog y de su imagen del boton, etc.

Ahora vamos con mas detalles:

height=  Aqui pondras cuan "ancho" quieres que se vea tu boton el "60" es el que yo uso.

width=   Aqui sera cuan "largo" deseas tu botoncito el mio es de "150"

font-family:  Es que tipo de letra utilizaras, la que se vera en el cuadro de texto.

text-align:   Es la aliniacion de tu texto en el cuadro. Puede ser left, right, center (izquierda, derecha o centro respectivamente)

cols=   Que tan largo sera tu cuadro de texto, solo el cuadro ¿ne?

rows=  Este es el alrgo de tu cuadro de texto.

border-bottom:  Aqui va el codigo rgb del color que quieres que se vea el borde de la parte de abajo.

border-left:   Igual que el de arriba, color rgb de el borde de la izquierda.

border-right:   Color del borde de la derecha, igual color en rgb

border-top:   Color en rgb del borde de arriba.

dotted... este es el tipo de borde de tu cuadro, puede ser solid o double  Tu eliges!

Bien creo que si me di a entender, ¿no? recuerden que cualquier duda pueden dejarme un comentario para decirselos!! 

Modifiquen cuanto quieran para que su cuadro quede divino!!! xd

Bueno algo mas recuerden dar creditos ya que hacer tutoriales no es facil y seria de muy mala educacion no poner los creditos si lo colocan en su blog.

Este tuto fue hecheo por mi... como ya les dije antes si se del HTML, lo cual aprendi en clases de escuela y no los tome de otros blogs!!! Asi que da los creditos debidos.

¡¡¡Gracias por ver mi tuto y espero que les sea muy util!! bye bye


Etiquetas:


1 boyfriend[s] | volver arriba




|
Da Click en la imagen para ver mas grande

Bueno empecemos!


1- Te vas a Diseño >> Elementos de la página >> Añadir un gadget >> Html/javascript  y ponemos el siguiente codigo:

<a href="Direccion de tu blog"><img alt="Titulo de tu blog" border="0" height="60" src="direccion de tu boton" width="150" /></a>
<div style="font-family: verdana; text-align: left">
<textarea cols="13" rows="3" style="background-attachment: fixed; background-image: url(Direccion del fondo de tu cuadro de texto); border-bottom: rgb(248,163,29) dotted; border-left: rgb(248,163,29) dotted; border-right: rgb(29,163,248) dotted; border-top: rgb(29,163,248) dotted; text-align: center;"><a href="direccion de tu blog"><img alt="Titulo del blog" border="0" height="60" src="direccion de tu boton" width="150" /></a></textarea></div>

2.- Das guardar y listo!

 

Les explico para que modifiquen lo necesario:

Para empezar las partes de color diferente obviamente las cambiaran a su preferencia ! cual es la direccion de su blog y de su imagen del boton, etc.

Ahora vamos con mas detalles:

height=  Aqui pondras cuan "ancho" quieres que se vea tu boton el "60" es el que yo uso.

width=   Aqui sera cuan "largo" deseas tu botoncito el mio es de "150"

font-family:  Es que tipo de letra utilizaras, la que se vera en el cuadro de texto.

text-align:   Es la aliniacion de tu texto en el cuadro. Puede ser left, right, center (izquierda, derecha o centro respectivamente)

cols=   Que tan largo sera tu cuadro de texto, solo el cuadro ¿ne?

rows=  Este es el alrgo de tu cuadro de texto.

border-bottom:  Aqui va el codigo rgb del color que quieres que se vea el borde de la parte de abajo.

border-left:   Igual que el de arriba, color rgb de el borde de la izquierda.

border-right:   Color del borde de la derecha, igual color en rgb

border-top:   Color en rgb del borde de arriba.

dotted... este es el tipo de borde de tu cuadro, puede ser solid o double  Tu eliges!

Bien creo que si me di a entender, ¿no? recuerden que cualquier duda pueden dejarme un comentario para decirselos!! 

Modifiquen cuanto quieran para que su cuadro quede divino!!! xd

Bueno algo mas recuerden dar creditos ya que hacer tutoriales no es facil y seria de muy mala educacion no poner los creditos si lo colocan en su blog.

Este tuto fue hecheo por mi... como ya les dije antes si se del HTML, lo cual aprendi en clases de escuela y no los tome de otros blogs!!! Asi que da los creditos debidos.

¡¡¡Gracias por ver mi tuto y espero que les sea muy util!! bye bye


Etiquetas:


1 boyfriend[s] | volver arriba




|