1.-Para ponerlo en tu blog ve a:
Diseño Elementos de paginaAñadir gadget htlm/javascript
2.-Copia el codigo y pegalo en el gadget.
<div style="text-align: center;"><span style='-moz-border-radius: 5px; background-color:#f781f3; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#58acfa; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#81f79f; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#f78181; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span> <span style='-moz-border-radius: 5px; background-color:#f2f5a9; padding: 10px 30px 10px 30px;'><a href="http://tu_link_aqui.com">categoria</a></span><br /><br /></div>
Ahora edita:
Azul: Es el color del fondo
Rosita: Es el ancho y la altura (de cada cuadrito) xD
Verde: Link de tu entrada
Purpura: El nombre de la categoria
naranja: es para hacer las esquinas mas redondas, puedes ponerle 10px o 15 depende que tan redondas las quieras
3.- por ultimo guarda ^v^
Azul: Es el color del fondo
Rosita: Es el ancho y la altura (de cada cuadrito) xD
Verde: Link de tu entrada
Purpura: El nombre de la categoria
naranja: es para hacer las esquinas mas redondas, puedes ponerle 10px o 15 depende que tan redondas las quieras
3.- por ultimo guarda ^v^
Me encanto el menu!
ResponderEliminarDespues yo voy a tentar!!!!
besitos
D: esta muy mono <3
ResponderEliminarHola. Soy walter_rel. He entrado para pedirte un intercambio de enlaces entre tu blog y mi blog personal, walterete.blogspot.com
ResponderEliminarYa he añadido vuestro blog a mi lista de blog además de que ya soy seguidor vuestro. Espero que lo hagas también, mucha suerte con el blog.
Un saludo
Oh, qué menú tan bonito! Me gusta mucho ^^
ResponderEliminarGracias, si me salio!!! :3
ResponderEliminaresta genial!!!
OMG!!! gracias por la info!!! quiero colorear mi blog y esto es perfecto, cuando tenga tiempo lo llevaré a cabo ^^ Gracias!
ResponderEliminarAwww que bonito me encanto... Lo tendré en mente! LO haré cuando cambie el diseño de mi blog se que va a quedar muy muy lindo >_<
ResponderEliminarOye una pregunta!!! :) Como haces ese efecto en tus imagenes es decir cuando se asoma el mouse en una foto ese cuadrado con bordes redondeados... como lo haces? :) ♥ n_n
ResponderEliminarn.n, bueno interezante me animaria a colocarlo, pero soy demaciado desconfiado de la edicion de mi blog, hasta hace unas semanas usaba el diseño antiguo 2008, y recien me anime luego de mucho probarlo y ajustarlo una nueva plantilla, bueno quizas algun dia me anime a crear un blog de pruebas, aun que no le aria nada ya que si algo tengo es que no me entra ganas de trabajar en algo que se que no traera frutos xD, bueno gracas por este aporte, cuidate como siempre, besotes, pataditas y nalgaditas xD.
ResponderEliminarHolaaa , no see biem como se hace :(
ResponderEliminar¡Justo cuando empezé con mi blog estaba luchando con el cógo para tener el menú de diferentes colores!, y por cierto, ¿ se puede cambiar la fuente de texto de los links del menú?
ResponderEliminarHe puesto yo otro tutorial sobre cómo redondear los bordes de las imágenes en el código, si te interesa...
http://pinkcotton-candy.blogspot.com/
es muy facil solo copia el codigo y pegalo en un gadgeg htlm ^^
ResponderEliminaruna cosa se puede poner mas de un link en una misma pestaña no?? junto o separado?
Eliminarhola nadi en tutoriales esta el enlace de opacidad y borde al pasar el cursor ese es el que tengo
ResponderEliminaroka arigato popotan pero para ese menu no necesitas mover nada de la edicion pues este codigo se poone en un gadget htlm es mas facil.. pero es buena idea lo del blog de pruebas pues asi vamos conociendo mejor las plantillas y las funciones ^^
ResponderEliminarhero panda:
ResponderEliminaramm el color de la fuente en el codigo no se puede.. amenos que la cambies desde tu plantilla x.x como veras el segun el color que tengas en tu plantilla es el color que tendra la fuente.!!
gracias walter me encantaria intercambiar enlaces contigo.. disculpa la demora pues no habia tenido tiempo en un momentito me paso por tu blog para dar inicio al intercambio.. saludos ^^
ResponderEliminarEs Super!!!! Lastima que me da flojera editar XD Eres una Master!! Neta que te admiro...
ResponderEliminarHello :3 Me preguntaba Anny si esto lo se puede aplicar al título de la entrada y la entrada y las columnas en sí. Osea, que quedará como eso...
ResponderEliminarhttp://imageshack.us/photo/my-images/31/wallblue2.png/
Que opinas que podría hacer Anny? n.n
te refieres a los bordes redondeados??
ResponderEliminarHola Annyz!! Podrias poner el tutorial de tu barrita de menu, me explico, por ejemplo, paso el cursor por tutorial, y sale una mariposa, pues me refiero a eso; muchas gracias
ResponderEliminarMe encantó *-* Pero tengo un problema, yo pongo 15px para redondear las curvas de cada cuadradito, pero no se redondean :s Tenés idea de que pueda estar pasando? Si pudieras resolverlo te lo voy a agradecer mucho ^w^ Besito.
ResponderEliminarno nena no tengo idea T.T sorry
ResponderEliminarme encanto^^ kedo lindo mi blog
ResponderEliminarHola Annyz
ResponderEliminarTe quedo muy bonito el tuto
Ya lo puse en mi blog pero queda muy arriba de mi imagen
=( y yo asi no lo quiero
ayudame a ponerlo mas abajito
ammm ahorita me paso a tu blog para ver que tan arriba te quedo okis
Eliminarya lo vii pero eso no es problema del scrip del menu sido de tu header.. para que tengas espacio tendrias que entrar a editar plantilla y darle espacio o.o osea que suba tu header.. pero eso ya es otra cosa.. cuando tenga tiempito con gusto te ayudo.. mientras podrias buscar en google si tu quieres.
Eliminargracias otra vez me servio mucho ^u^
ResponderEliminarOiie , y como le puedo poner una categoria ??
ResponderEliminaral momento de hacer una entrada.. abajito donde dice.. opciones de entrada aun ladito tambien dice Etiquetas.... ahi solo pones el nombre de lo que quieras mostrar, por ejemplo anime o no se que quieras poner y guardas..
EliminarMe ha funcionado de maravilla! esta bien chido esto! Grax!! Annyz!
ResponderEliminar