viernes, 29 de junio de 2012

Un bonito menu para tu blog

hOla chicas hoy hice un menu normal pero un poquito diferente le di un poquito de estilo ^^ pero bueno espero les guste y lo pongan en su blOgui ^^

he puesto el menu en mi blog de pruebas por si quieren ver como queda BLOG DE PRUEBAS



para empezar nos vamos a Diseno >> Elementos de Pagina >> Anadir Gadget Html/javascript

si usas la nueva interfaz vete a Diseno >> Anadir un gadget Html/javascript

Despues copia este codigo y pegalo en el gadget

<center><a href="URL DE TU BLOG"><img height="50" src="URL DE TU IMAGEN" width="220" /></a><center>
<center><a href="URL TUTORIAL"><img height="50" src="URL DE TU IMAGEN" width="220" /></a><center>
<center><a href="URL AFILIADOS"><img height="50" src="URL DE TU IMAGEN" width="220" /></a><center>
<center><a href="URL TWITTER"><img height="50" src="URL DE TU IMAGEN" width="220" /></a><center>
<center><a href="URL FACEBOOK"><img height="50" src="URL DE TU IMAGEN" width="220" /></a><center>
<center><a href="URL YOUTUBE"><img height="50" src="URL DE TU IMAGEN" width="220" /></a><center>


Ahora solo tienes que remplazar lo que esta en letras MAYUSCULAS xD

Aqui les dejo unos botoncitos como del menu de muestra que yo hize ^^ tu mismo puedes hacer tus propios botonces con tu estilo okii



http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/botonannyzblog.png

http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/botonannyzblog4.png

http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/botonannyzblog2.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/botonannyzblog5.png

http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/botonannyzblog3.png

http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/BOTON7copia.png

Sayonara ^^

Un anime que nunca pense en ver TvT

Hoy quiero hablarles de un anime que oia mencionar mucho de varios amigos... escuchaba tanto su nombre que me dije okeii voy a ver unos capitulos.. se preguntaran cual?? bueno Naruto

Empeze a ver los 2 primero capitulos y de ahi me brinque al cap 10 y luego al 20 total que me dio flojera seguir viendolo o.O.... lo deje por la paz por un tiempo.

Hace unos meses una amiga me super recomendo naruto y yo con cara de wahhh u.U no para nada no lo voy a ver -.- pero me insistio por un dia.. por 2 *-) total que me estuvo molestado por toda la semana para que lo viera ¬¬

y yo super harta le dije okei lo voy a ver -.- y que creen chicas?????????

me encanto *O* nunca pense decirlo pero me conquisto n.n

vi las 2 partes que tiene Naruto y Naruto shippuden , hasta ahora como todavia no acaba veo un capitulo a la semana =D

y como me encanto le prometi a mi amiga que pondria aqui en el blog el porque me gusto, lo que me gusto y lo que me enseño este anime.

Este anime aunque tiene mucho relleno esta muy bueno.. tiene hermosos mensajes, te relacionas con los personajes hasta el punto de llorar por ellos..
llore como boba muchas veces y me encariñe con algunos personajes entre ellos Jiraiya y Garaa =D fueron unos de mis favoritos xD y ni hablar de sus canciones ufff.. super lindas tambien, muy tristes pero lindas.

al principio el personaje naruto me parecia molesto, irritante pero despues al ir conociendolo en el anime, me parecio tan lindo, algo tonto pero sincero, honesto, sencillo, puro, admirable, valiente, perseverante, te impulsa a luchar por lo que quieres.

te ensena el valor de la amistad... lo grande que puedes ser si luchas por tus sueños, que por mas que la gente te descalifique y te degrade no quiere decir que no puedas cumplir tus metas, que en esta vida no todo es color de rosa, que si te tienes confianza tus sueños se haran realidad, que no hay que rendirse por mas que las fuerzas se escondan en lo profundo de tu corazón y que hay que superarse cada dia, vivir al maximo y ser alguien.

photo

Frases recolectadas pero que en verdad te hacen pensar:

Naruto:
Me enseño que la fuerza de voluntad y no rendirse nunca te pueden llevar muy lejos.

Nagato:
Aquellos Que No Conocen Dolor Nunca Sabrán Lo Que Es La Verdadera Paz

Haku
me enseno “Sólo te puedes volver realmente fuerte si tienes algo importante que proteger”

orochimaru
“Tal vez la vida no tenga sentido… pero si sigues viviendo podrás encontrar cosas muy interesantes como esa flor… o como yo te encontré a ti”

obito
Los Que rompen las Reglas son Escoria...
pero los que abandonan a un Amigo son peor que Escoria

Rock Lee:
“El Trabajo Duro Vence Al Talento Natural”

Kakashi Hatake
me enseño A Proteger A Un Amigo Cueste Lo Que Cueste.

Pein:
Me enseño Lo Que Es El Dolor De Perder A Sus Seres Amados, Y Nos Enseño Tambien A Confiar En Los Demas.

Jiraiya:
me enseno Que Se Llega A Ser Grande Y Sabio Con Determinación, Y Que No Importa Que No Encuentres La Respuesta, Que Siempre Hay Mas De Uno Buscándola, Y El Legado Siempre Estará Mientras Haya Fe.

Minato Namikase:
El amor de un padre hacia un hijo va mas allá de la vida y la muerte.

Zabuza Momochi:
Hasta el mas despiadado asesino tiene sentimientos por alguien.

Azuma:
El Verdadero Rey Al Que Hay Que Proteger Es Al Que Esta Por Venir, Ya Que El Es EL Futuro.

Grax amiga tenias razon n.n

y tu que opinas ya viste naruto??



miércoles, 27 de junio de 2012

Png Random *O*

Algunos png

Blockquote como yo

Algunas chicas me han preguntado sobre el blockquote que tengo ahora bueno es muy sencillo y tiene un efecto muy bonito.

Shalalaaaaa ~~~Aqui mi blockquote ^^ el efecto se mira mejor en google chrome okis


empezemos

Interfaz antigua:

Diseno >> Elementos de Pagina >> Edicion Html

nueva Interfaz:

Diseno >> Plantilla >> Edicion html >> y poner continuar al mensaje

Buscamos:

/* ----- BLOCKQUOTE ----- */ o .blockquote {

y pegamos justo abajo este codigo

background-image: url(http://i1208.photobucket.com/albums/cc361/Letthalicious/Backgrounds/back06.gif);border:2px solid #F5A9F2;border-left:10pt double #F5A9F2;padding: 3px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.post blockquote:hover { background: #CEECF5;-webkit-transition-duration: 2.5s;background-image:url(http://sl.glitter-graphics.net/pub/1189/1189758upmz0ul25h.gif);background-position:bottom right;background-repeat:no-repeat;border:2px dashed #81DAF5;border-right:10pt double #81DAF5 ;}


Da clic para guardar

Y ahora si quieres editar:


Azul:
Direccion o url de primer fondo
Rosita: direccion o url del gif
Naranja: es para editar lo grueso, forma y color del borde
Lila: el color del segundo fondo.

Ahora para los que NO encontraron el codigo blockquote o no lo tienen solo copia el codigo completo osea este que pongo a continuacion y pegalo justo arriba de ]]></b:skin> :

/* ----- BLOCKQUOTE ----- */
blockquote {
background-image: url(http://i1208.photobucket.com/albums/cc361/Letthalicious/Backgrounds/back06.gif);border:2px solid #F5A9F2;border-left:10pt double #F5A9F2;padding: 3px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.post blockquote:hover { background: #CEECF5;-webkit-transition-duration: 2.5s;background-image:url(http://sl.glitter-graphics.net/pub/1189/1189758upmz0ul25h.gif);background-position:bottom right;background-repeat:no-repeat;border:2px dashed #81DAF5;border-right:10pt double #81DAF5 ;}
y luego guardas ^^

martes, 26 de junio de 2012

headers para ti [ Tercera Parte ]

Bueno chicas les traigo unos headers que acabo de hacer xD como ven son algo diferentes con todos los colores haha me diverti mucho haciendolos n.n espero les gusten.. si los tomas no quites mi firmita okei..? besos

las medidas son 800x380 y son de fondo tranparentes ^^



para ver su tamano original y lista para editar da clic aqui



para ver su tamano original y lista para editar da clic aqui



para ver su tamano original y lista para editar da clic aqui



para ver su tamano original y lista para editar da clic aqui

No copy~~


lunes, 25 de junio de 2012

Imagen que gira 360 grados


okii blogueras hoy haremos que nuestras imagenes tengan un efecto giratorio



solo pasa el cursor por la imagen y veras como gira

para hacerlo en nuestros bloguis sigue estos pasitos

Diseno >> Plantilla >>Edicion Html

copiamos este codigo y lo pegamos justo arriba de ]]></b:skin>

.post img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-webkit-transition-duration: 2s; }


y luego guarda ^^ facilito no?

notita: este efecto se mira en google chrome


viernes, 22 de junio de 2012

Gadgets muy kawaii

quiero ponerles unos gadget con efectos muy lindos ^^

todos los codigos se pegan en un gadget html/javascript

Un corazoncito que inundara tu pagina de amor xD

solo da muchos clics sobre el corazon y te inundara de amor



Codigo:



Burbujas flotando con corazoncitos



Codigo:



Burbujitas con estrellas que al pincharlas las estrellitas saltan por tu pagina



codigo:



Fresitas apareciendo por toda tu pagina



codigo:



Maripositas al pie de tu pagina



Codigo:



fuente:

Una buena alimentacion

Mis blogueritas hago esta entrada con bastante preocupacion ~.~
no saben la cantidad de chicas que he leido en blogs que tiene problemas con su alimentacion y autoestima pues estando en su peso piensan que estan gordisisiimas y no es asi -.- y lo peor es que estan super jovenes menos de 16 anios y ya tienen este trauma que poco a poco las consume y les hace danio :(

muchas veces esto es causa de la publicidad en las televisiones que todas las chicas de ahi estan mega flacas o en revistas y tristemente algunas personas cercanas a ellas que les meten en la cabeza cosas desagradables sobre su persona y autoestima.. haciendolas tomar medidas drasticas en su persona *-)

la verdad chicas no comentan ese error de no comer por dias (ayunar), tomar solo agua, vomitar lo poco que comes eso NOOOOOOO esta bien en ningun sentido puedes hacerte mushisimo daño, quierete mucho mucho asi como eres.. tu eres una persona unica y si no estas feliz contigo no tomes el camino facil, puedes bajar de peso de manera SALUDABLE y equilibrada sin matarte de hambre ni hacerte daño.

yo quiero compartir la pagina de una chica que como ustedes tuvo problemas con su alimentacion y subio de peso (ella misma cuenta su historia en su blog) y que comiendo saludable logro bajar de peso y mantenerse bien.. a mi en lo personal me encanta.. pues pone fotografias de los platillos que come a diario con sus ingredientes, tiene recetas y responde muchas dudas sobre los alimentos.

el blog se llama Mi alimentacion Diaria Gaby y aqui les dejo unas imagenes sip.. besitos a todas entren al blog.. chequen todo lo que tiene.. tomen algunos consejos y veran que sentiran mejor :D besitos a todas las adooro.

Aqui ella responde preguntas y dudas



y aqui una foto sobre los alimentos e ingredientes





miércoles, 20 de junio de 2012

Nubes en la cabecera de tu blog

hola mis nenas hoy les voy a enseñar un truquito que queda muy bonito en el blog.. se trata de unas nubes que pasean por tu cabecera ser mira muy mono ya lo veran >.<

para ver el truco en funcionamiento visita mi blog de pruebas



ahora lo explicare con la nueva interfaz

Diseño >> Plantilla >> Edicion de Html

si les sale un aviso de advertencia le ponen continuar

ya estando ahi buscamos este codigo </head>

cuando lo encuentres pega este codigo justo abajo de el

<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/>

<div id='wrapper'>
<div id='content'>
<div id='cloud1'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube2.png'/></div>
<div id='cloud2'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube2.png'/></div>
<div id='cloud3'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube3.png'/></div>
<div id='cloud4'><img src='http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube1.png'/></div>
</div>
</div>
<script type='text/javascript'>
$(document).ready(function() {
setTimeout("animation()",300);
});

function animation(){
cloud1();
cloud2();
cloud3();
cloud4();
}

function cloud1(){
$("#cloud1").animate({left:"+=80%"},50000).animate({left:"-0px"}, 0)
setTimeout("cloud1()",30000);
}
function cloud2(){
$("#cloud2").animate({left:"+=70%"},40000).animate({left:"-0px"}, 0)
setTimeout("cloud2()",20000);
}
function cloud3(){
$("#cloud3").animate({left:"+=70%"},60000).animate({left:"-0px"}, 0)
setTimeout("cloud3()",20000);
}
function cloud4(){
$("#cloud4").animate({left:"+=70%"},75000).animate({left:"-0px"}, 0)
setTimeout("cloud4()",75000);
}

</script>

asi quedaria:



Despues busca ]]></b:skin

y pega este codigo justo arriba de el

#cloud1{ position:absolute; top:10px; left: 0px; z-index:10; }
#cloud2{ position:absolute; top:200px; left: 0px; z-index:10; }
#cloud3{ position:absolute; top:320px; left: 0px; z-index:10; }
#cloud4{ position:absolute; top:150px; left: 0px; z-index:10; }


quedando asi:



Da vista Previa y guarda

Aqui algunas nubecitas de colores


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nuberosa2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nuberosa.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nuberosa3.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeazul3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeazul2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeazul.png



http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nube1.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubemorado3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubemorado2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubemorado1.png


http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeblanca.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeblanc3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeblac2.png



http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeamarilla3.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeamarilla2.png
http://i1063.photobucket.com/albums/t514/Annyz-Kawaii/nubeamarilla1.png


como notita dire que puedes hacer tu misma una imagen y ponersela ya sean corazoncitos o estrellitas