[Blogger] Tutorial: Boton afiliador.
 |
| Click para ver mas grande. Boton de Aitokawaii |
Ve 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>
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!
Etiquetas: ♪ Blog, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
| 
[Blogger] Tutorial: Boton afiliador.
|
| Click para ver mas grande. Boton de Aitokawaii |
Ve 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>
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!
Etiquetas: ♪ Blog, ♪ Tutorial
|
No copies los tutoriales sin mi permiso
Si tomas algo de Kawaii Tutos debes poner creditos
No spam al comentar o en el chat
No insultar
Tolera la opinion de los demas
Si pides un tutorial haslo en la entrada correspondiente AQUI
No olvides comentar ne!
0 Bocadillo(s)
Welcome!
Mi nombre es Sunadokei, me llaman sunachan!
Creado el 03 de Septiembre del 2012
Para Blogger
Para Blogskin
Para PC
Para Web
Photoshop
Trucos