Mostrando entradas con la etiqueta Para tu blog!♥. Mostrar todas las entradas
Mostrando entradas con la etiqueta Para tu blog!♥. Mostrar todas las entradas

viernes, 22 de abril de 2016

[TUTORIAL/HTML] Cambia el color de selección de tu blog! (1)



¡Hi! Soy Anita la huerfanita :3 & hoy vengo con un tutorial de cambiar el color de selección
de nuestros blogs! sí claro , de nuestros blogs , pues como saben yo me ocupo de los tutoriales 
para personalizar así que si no saben que es esto aquí dejo una previa 
Personaliza el color de selección de tu blog FORMA 1
Ahí esta ese será el resultado y es que esta fácil ¡empecemos!
vamos a ->plantillas -> editar html -> presionamos ctrl + f & buscamos este código ;
body {

 & arriba de este pegamos este código 
::selection {
background:#efbbcb;/* Color de fondo*/
color:#90022a; /*Color de la fuente*/
}
::-moz-selection {
background:#efbbcb;
color:#90022a;
}
::-webkit-selection {
background:#efbbcb;
color:#90022a;
}
Hemos terminado espero y les haya gustado si hay algún problema avísen aquí
y claro , sigan al blog para que recibas cada post , próximamente más versiones
Adiós!:D


lunes, 15 de junio de 2015

[RECURSOS] Cursores Para tu blog!:3♥ *CLIK*

Hoooolaaa! Kawaiis ^^   ¿Como están?  Espero que muy bien! :P
Hoy les traigo unos lindos cursores en forma de manita ?) 
para ustedes c;   .... Igual ... a veces ... Me da Floj .. Escribir xD 
Pero , a veces son las ideas las que me falta! :P 
& Me siento super bien para escribir hoy ^^
Igual ... siento que me comprometo a l escribir xd
a seguir & seguir escribiendo ... las tareas no me abandonan ._. ---
Tengo que terminar la plantilla de Yuuto n.n .. & Se "SUPONE" Que ya la habia terminado ... pero Diganme ; -¿Nunca les ha pasado que blogger no da el efecto del HTML? ._.
Tal vez estare loca ... pero eso me pasa >//<
Bueno ...
Menos charla mas accion :P
  1. Vayan a Diseño
  2. Añadir gadget 
  3. HTML Javascript 
  4. & Copian el codigo de su cursor favorito & lo pegan en la cajita
  5. Dan clik en guardar & Listo
¡Tomen los CURSORES :D!
Red Tiny Hand Bow Tie<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth663.cur), progress !important;}</style>Creditos ClubKawaiiCursor<a href="http://www.cursors-4u.com/cursor/2011/10/19/red-tiny-hand-bow-tie.html" target="_blank" title="Red Tiny Hand Bow Tie"><img alt="Red Tiny Hand Bow Tie" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" / /></a>
Green Tiny Hand Bow Tie<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth662.cur), progress !important;}</style>Creditos<span style="color:#cc66cc;">ClubKawaii</span><span style="color:#666600;">Cursor</span><a href="http://www.cursors-4u.com/cursor/2011/10/19/green-tiny-hand-bow-tie.html" target="_blank" title="Green Tiny Hand Bow Tie"><img alt="Green Tiny Hand Bow Tie" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" / /></a> 
Blue Tiny Hand Bow TieCreditos CLUBKAWAII cursor<br /><a href="http://www.cursors-4u.com/cursor/2011/10/19/blue-tiny-hand-bow-tie.html" target="_blank" title="Blue Tiny Hand Bow Tie"><img alt="Blue Tiny Hand Bow Tie" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" / /></a>
 Pink Tiny Hand Bow Tie<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth654.cur), progress !important;}</style>Creditos ClubKawaii Cursor<a href="http://www.cursors-4u.com/cursor/2011/10/19/pink-tiny-hand-bow-tie.html" target="_blank" title="Pink Tiny Hand Bow Tie"><img alt="Pink Tiny Hand Bow Tie" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" / /></a>
Purple Tiny Hand Bow Tie<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth653.cur), progress !important;}</style>Creditos ClubKawaii Cursor<a href="http://www.cursors-4u.com/cursor/2011/10/19/purple-tiny-hand-bow-tie.html" target="_blank" title="Purple Tiny Hand Bow Tie"><img alt="Purple Tiny Hand Bow Tie" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" / /></a> 
Tiny Hand Pink Bow Tie<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth652.cur), progress !important;}</style>Creditos ClubKawaii Cursor<a href="http://www.cursors-4u.com/cursor/2011/10/19/tiny-hand-pink-bow-tie.html" target="_blank" title="Tiny Hand Pink Bow Tie"><img alt="Tiny Hand Pink Bow Tie" border="0" src="http://cur.cursors-4u.net/cursor.png" style="position: absolute; right: 0px; top: 0px;" / /></a> 
Buenoo! Hasta aqui he llegado! :P
Luego traigo mas de este tipo ! & recuerden votar por los tutoriales ^^ El video sale este domingo (Elsabadollovio&nopudesaliracomprarlosrecursosxD)
En esa URL estan las opciones ; Pero de todos modos los votos los contare desde esa entrada & esta 
¡VOTA!
  1. TUTORIAL 1
  2. TUTORIAL 2
  3. TUTORIAL 3
  4. TUTORIAL 4
Bueno espero qeu les haya gustado esta entrada! :3
Los queo♥
Bye!!:D


martes, 12 de mayo de 2015

[TUTORIAL] Descarga Photoscape + Como hacer un GIF En el.

Hooooola Kawaii's!  ¿Como estan ? ... Espero que  super bien! :D Por que yo si :3
Hooy estaba quemando la cabeza en que subiria & se me ocurrio enseñarles a hacer un Gif en El famoso Programa ... "PhotoScape".
Que aqui dejare el Link de la descarga !.
http://www.mediafire.com/download/5ddc9ckr3d4faa1/PhotoScape.exe

& Es cosa que ejecuten el Programa :D.
¡EMPEZEMOS CON EL TUTORIAL!




  1. Abres el PhotoScapE
  2. Das en la Opcion GifAni
  3. Tienes que tener  guardadas tus  imagenes en la carpeta imagenes xD
  4. Colocas uno por uno en el orden que quieras arrastrandolo hacia el cuadro grande(te apareceran aun lado las imagenes c;)
  5. Tendras aun costado opciones de velocidad que quieres que vaya & la opcion de guardar ,
  6. & Guardar 
¡LISTO!:d
Hemos terminado!:D 
Espero que les hay gustado
Bye :3


miércoles, 28 de enero de 2015

[TUTORIAL] Poner Un Buscador Kawaii en tu blog *

Holiii Kawaii's ¿Como estan? Espero que bien :3 Anduve buscando entre mis gadgets que mas publicar & pos >.< Encontre este Buscador que de hecho no eh puesto ninguno :P
De manera rapida & sencilla vamos a empezar ... Pero antes si tu eres Beattiroche samma dime que premio quieres por el test ^^ xD
Empezemos!:
Diseño -> Añadir gadget -> HTML Javascripy & copiamos con seleccionar ctrl + c & pegas con ctrl + v El siguiente codigo ;





<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #fcbbcd; font-size: 11px; border: 1px dashed #fcbbcd;border-radius:5px;box-shadow: 0 0 0.4em #fcbbcd , 0 0 0.4em #fcbbcd;" /><input type="submit" value="Click" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed#fcbbcd;border-radius:5px;" /></form></center>

 & Ahora si quieres que el *CLIK * Aparezca debajo de la cajita buscadora :'D copias & pegas este codigo en vez del anterior ;D

<center>
<form action="/search" method="get"><input type="text" name="q" value="" style="width:160px; height:19px; background-color:#ffffff; color: #fcbbcd; font-size: 11px; border: 1px dashed #fcbbcd;border-radius:5px;box-shadow: 0 0 0.4em #fcbbcd , 0 0 0.4em #fcbbcd;" />
<br />
<input type="submit" value="Ckick" style="font-size: 12px; background-color:#ffffff; color: #fcbbcd; border: 1px dashed #fcbbcd;border-radius:5px;" /></form></center>

EDITA ; VERDE EL TIPO DE BORDE
 BORGOÑA ; EL COLOR DE LA CAJITA
 MORADO ; NOMBRE DEL CLIK XD
& Listo hemos terminado :D
Bye bye!

martes, 27 de enero de 2015

[TUTORIAL] Menu Subsecciones Hover Cajita♥


Hola kawaiii's ¿COmo estan? Yo aqui Bien bien
La Dina desaparecio! x'D Senti que desapareci , Jaja' Por que casi diario ya empezaba a publicar >:< El dia de hoy OxO les traigo un dulce menu Que es mas para subsecciones Que pueden ver que yo tengo en el blog :'3 A algunos les ha de gustar o Otro nose :/
x'D jajaja empezemos !!
Añadir gadget -> HTML Javascript -> Copian con ctrl + c el siguiente codigo & lo pegan en el gadget :) con ctrl + v







<center>

<style type="text/css">

.img-opaco{

background: #E8E6E6;
color: #000;
width: 270px;
height: 210px;
margin-top:-215px;
opacity: 0;
-webkit-transition:all .5s ease-in-out; }
.img-opaco:hover{
opacity:.7
}
</style>


<img src="URL DE LA IMAGEN DE FONDO" width="270" />

<div class="img-opaco">
<center>
 <span class="Apple-style-span" style="font-family: verdana, arial; font-size: medium;"><br />

<span id="nav" style="-webkit-transition: 1s; background-color: #ff3e96; border-radius: 5px; border: #000000 1px dashed; font-family: serif; font-size: 13px; padding: 2px;">

<a href="URL " style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">TITULO 1</a></span>

<span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;">


<a href="URL " style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">TITULO 1</a></span>

<span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;">





<a href="URL " style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">TITULO 1</a></span>

<span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;">


<a href="URL " style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">TITULO 1</a></span>
<span style="color: black; font-family: Purisa; font-size: x-small;"><b> <br /><br />

TEXTO AÑADE TEXTO AÑADE TEXTO AÑADE TEXTO

</b></span/> 
</span> </center>
</div></center>
& lISOU Hemos terminado :3 Espero que les aya guistado de hecho para editar ahi tiene todoo expllicado x'D
URL ; PONEN LA URL DE SU SECCION & EL TITULO IMAGEN DE FONTO ES LA URL , ETC.
¿Quieres añadir mas secciones?
<span style antes de ese codigo pega esto ;

<span id="nav" style="-webkit-transition: 1s; background-color: white; border-radius: 5px; border: #FF3E96 1px dashed; font-family: serif; font-size: 13px; padding: 2px;">





<a href="URL " style="-webkit-transition-duration: 0.5s; color: black; text-decoration: none;">TITULO 1</a></span>
& Listo :)
Créditos a Lunany Kawaii
XOXO aDIOS!♥


domingo, 4 de enero de 2015

[Tuto-Recurso] Blockquote (1) Cinta Rosa

Holiii! Kawaii's el dia de hoy traigo un blockquote que eesta asi ; Rosa Normal xDD Bueno el texto que lo coloques aparece normal
http://animeykawaii.blogspot.mx/2014/09/regreso-dina-tutorial-en-photoshop-como.html#more
ahi pueden ver mejor el efecto xD , a lo ultimo del post la firmita pasan  el cursor van a ver el efecto jajajajajjaja
& Al pasar  el cursor se desliza & se muestra esta imagen ; 

Bueno quedense para ver la colocacion xD
 Se van a plantilla -> Editar HTML ; PRESIONAN CTRL + F & EN la cajita que aparece buscan ;
]]></b:skin>


& Antes de el pegan el siguiente codigo ; 
blockquote{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjli2-IGfkzXgtr-3pedB687abHVHpFUZsUkMcqhVWqY6_lEBUtQPj2rSDRO9m6_wppQngkNEDDIKfonuKKDQYGdaNHtCdC9-yHs6S-inP-YIWldToUWmqL23Rs9BZPIcQiVCfMBZoOH4Hd/s1600/Sin-t%C3%ADtulo-4.png);padding:10px;color:#000;letter-spacing:1px;border-radius:10px;border:2px solid #ccc;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-shadow: -1px 0 fff, 0 1px fff,1px 0 fff, 0 -1px fff;}blockquote:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2xnAmuhzjnGdhYVVMmHqRR8KLeTZD5iEz-b0UT_8zIdiigALlfNRQTKzKbyspwzAsCO8-xjcl4C8FUi0QuTPgBp0yQeKr2DjzkrPkQ-S9yQf9aIEHd3liPXIXvyhnk2w9ZImSsATLcS1K/s1600/blockquote.png);background-position:50% 50%;}
& Listo le dan en guardar plantilla & ** Terminamos ;33



lunes, 29 de diciembre de 2014

Menu Vertical Cute&Kawaii Elegante (DESPLEGABLE&FLOTANTE)!♥

Hi!Kawaii's ¿Como han estado? Yo aqui ando xD *  Hoy les traigo un tutorial de Poner un Menu Vertical . Es muy facil ! Su nombre lo dice es desplegable :-Lo quitas & Lo pones Facilmente ;3
Aparte es Flotante  ! Lo podran utilizar para subsecciones ¿NO?:P Ami me parece mejor asi o cada quien su gusto ... Es este ; 

Esta Elegante como eh dicho xD ... Oki Pues empezemos ;'3
Solo es cosa de ir a -> DISEÑO->AÑADIR GADGET -> HTML Javascript & Copian& Pegan este siguiente codigo ;

<style>.raejun{width:60px;padding:15px;margin-top:15px;box-shadow:2px 2px 4px #DFDFDF;background:#eee;font:8px tt; text-align:center;Text-decoration:none;color:#888;text-transform:uppercase;display:block;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-left:0px solid #000;-webkit-border-top-right-radius: 333px;-webkit-border-bottom-right-radius: 333px;-moz-border-radius-topright: 333px;-moz-border-radius-bottomright: 333px;border-top-right-radius: 333px;border-bottom-right-radius: 333px;}.raejun:hover{width:66px;border-left:10px solid #aaa;}@font-face {font-family:tt !important;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;}</style><div style="position:fixed; top:100px;left:0px;width:100px; color:#aaa;">


<a class="raejun" href="LINK ">titulo</a>
 <a class="raejun" href="LINK ">titulo</a>    <a class="raejun" href="LINK ">titulo</a><a class="raejun" href="LINK ">titulo</a></div>
ROSA; URL DE DONDE QUIERES QUE SE DIRIJAN  
AZUL;TITULO DE LA SECCION O LO QUE QUIERES QUE LLEVE ;9
NARAJA; Edita los colores en codigos HTML
  

NOTA ;
-QUIERO AGREGAR MAS SECCIONES ... ¡Que hago?
Entre ; (Es el codigo de arriba en Morado entre >&<

</a>AQUI PEGAN CODIGO XD</div>
PEGAN EL SIGUIENTE CODIGO ;

<a class="raejun" href="LINK ">titulo</a> 
 & Listo han terminado & siguen agregando mas  si deseean x3 Espero que les haya Gustado &
claro se le dan créditos al autor del menú (que no soy yo para que no hayan problemas) 

-> http://kawaiiososekai.blogspot.com/
Chaito♥






domingo, 28 de diciembre de 2014

[TUTORIAL] Efecto Corazones *Yokn* (2)

Hi! Kawaii's ¿Como estan? Yo preparandome para el 31 * *
Anduve buscando en mi agenda*Que tutos poner* & Entre los ultimos estaban los codigos HTML & Vi Efecto Blog ; Corazon YOKN* ... Mi hermana le encanta hacer esos efectos  jajaja de hecho ¿como se pronuncia? Bloggeras & Bloggeros  , Aqui mi hermana escribiendo como se Pronuncia* 
 *aplausos* 
Hola Soy ana xd ...Aqui como se pronuncia *YOKING* besos 

Jajaja muy Dramatico ;F ... Jajajaj bueno ... Siguiendo con el tuto aqui dejo masomenos como es el efecto xD ... Esque mis capturas de pantalla no son muy Buenas xd .
Bueno no se ve BIEN XD .
Oki Solo lo que tienen que hacer es ;
Ir a Diseño->

Añadir gadget -> HTML Javascript & Copian & pegan el Siguiente  codigo ;)


<script src="http://bpmaker.giffy.me/userdata/user/52/52869/11/parts.js" type="text/javascript"></script><p style="margin: 0px; text-align: center;"><span style="font-family: Georgia, serif; font-size: 100%; font-style: normal; font-variant: normal; line-height: normal;color:#cc33cc;"><b>Creditos a ; *<a href="http://club-kawaii.blogspot.com/">Club Kawaii*</a></b></span></p><br />
 Me encantaria que me dejen los creditos ;3 Pero si se ven muy feo pos dejenlo en algun gadget especial & si no pos ' Lloro xC ... Jajajja No se Preocupen Espero que les sirvan estos efectos en su Blog ;) MAÑANA LOS ESPERO ;) 



[TIPS & TUTO] -Como conseguir imagenes de Buena Calidad ;)

Hi!♥Kawaii's ;D Soy Dina xP ... & como ven en el titulo hoy vengo Con el tutorial de conseguir imagenes de Buena calidad ... Muchos no saben como hacerlo ... Por eso tienen imágenes borrosas en su blog ¿SUPONGO? (SIN OFENDER ;F).
-Yo pase por eso ... Pedi a mis amigos que como lo hacían & no me querían ayudar >.< jaja ... Amigos ... No les conviene decir . Pero yo como soy muy buena xD Aqui les digo este truquito aunque existen mas & mas ... Pero siento que es un metodo muy fácil & sin paginas web ni nada solo el Google! ... No se diga mas & empezemos! ;D ---

Habran el google o algo asi & coloquen el titulo de lo que quieran buscar ... 
 -Ya que lo tengan veran muchas imagenes segun no muy buenas D; 
Aqui un ejemplo de lo que masomenos veran ... IMAGENES BORROSAS ... Ahora solo dale clik a una & podras ver que la imagen abajo hay una barrita de como esta cargando pero tu no te esperas & le das en guardar imagen o solo le das en guardar sin dar clik xD ¿NO?
 ¡ESO ESTA MAL !
No dejan cargar la imagen! xD & cuando le das en guaradar , guarda la imagen tal & como esta;
-BORROSA 
¿Que hago para que no suceda esto?

mira --> Dale clik a la imagen & te saldra esto debajo del titulo de la imagen o algo asi ;
PUES DENLE CLIK EN *VER IMAGEN* & Te llevara  a una pagina donde solo 
se ve la imagen & dejas que cargue completamente & te saldra hermosa la imagen ;3
MIREN * Ahora si le dan en guardar imagen como o guardar xD & Listo ! 
Podran trabajar con esta imagen.
Este tuto es mio & de nadie mas ajajaj como dije al principio tuve que buscar yo para
que me salgan bonitas todas las imagenes xD 
Asi que utilizan el Tuto dejen Creditos Plis ;D
Espero que te haya servido el post!;3



[TUTORIAL] Como poner una imagen en el Seguir Leyendo *0*

Holaa Kawaii's ¿Cómo están? Yo Bien Bien *Si preguntan* :P Jajaj el dia de hoy les traigo este hermoso tutorial de poner una imagen en el seguir leyendo . Uff Hoy ya no puedo escribir mucho xc
ya tengo clases ... pueden ver que eh estado trabajando en el blog ; -gadgets -Cabecera etc .
 Pero hoy ya tengo clases xcc Bueno , es Domingo ^^ ;
ver una película tarde (se supone pero en realidad pongo la película & estoy en la compu xD) ver animes etc . Bueno hiendo al tema es to es lo que haremos
Aquí tenemos el Ejemplo ;
ahora ¡EMPEZAMOS!
Nos vamos a Plantilla -> Editar HTML--> Clikeamos CTRL+F damos en expandir artilugios y buscamos ;

<data:post.jumpText/>
 Al encontrarlo lo eliminas & lo Remplazas por este código ;
<p align='right'><a expr:href='data:post.url'><img src='Url de la Imagen de seguir leyendo'/></a></p>
EDITA ;
*Pon la Url de la imagen que desees aquí tengo unas De Anime&Kawaii




















¿Cómo saco la URL?
-Solo das en copiar la imagen & Ya! copias la URL
Listo espero que les haya Gustado Nos vemos en el Proximo Tuto! {[Bay]}♥