Cambia:Entradas Antiguas,Recientes,Pagina Principal Por Imágenes|TUTO HTML|ClubKawaii

¿Que tal están? Espero que te encuentres super bien!!,Bienvenidos una vez mas en mi blog , JAJ
Si ya le compre el blog a la Dina UwU (NTC) HOY VENGO CON UN TUTO MEGA FÁCIL.
Como Pueden ver nuestro titulo nos dice :
Cambia:Entradas Antiguas,Recientes,Pagina Principal Por Imágenes ,Esto quiere decir que cambiaremos eso , por imagenes:'v Osea vamos a poner el atras,adelante,home
como imagenes Entienden?De todas maneras le tienen que entender >:3

y si ya saben que es, ¡Que bueno por que ya no explicare! JAJA No es cierto UwU

Créditos de tutorial : Este tuto todos los expert no los sabemos así que créditos al blog, por seguimiento...♥
Empecemoss♥♥

1. Vamos a Plantilla
2. Editar HTML
3. Presionan dentro ctrl + f 
4. Ahora buscan cada código que quieran cambiar

Para Cambiar :

HOME O PAGINA PRINCIPAL

Buscamos : <data:homeMsg/>
Borramos ese código y lo sustituimos por : <img src='URL de la imagen'/>


Para cambiar:

ENTRADAS ANTIGUAS

Buscamos : <data:olderPageTitle/>
Borramos ese código y los sustituimos por : <img src='URL de la imagen'/>

Para cambiar:

ENTRADAS RECIENTES

Buscamos :  <data:newerPageTitle/>
Borramos el código y lo sustituimos por : <img src='URL de la imagen'/>

Listo hemos terminado!! Espero que haya sido entendible, pronto traeré imagenes para poner en estos, es super bonito la personalización,nos vemos en la próxima,Cuidense que hoy los voy a comer 7w7 , Besoooss ....

Como Quitar Una CSS Del Blog (EFECTOS)|Tuto HTML|ClubKawaii

Este tuto es para ti Andrea♥

¡Hola que tal! ¿Me han extrañado? yo sé que si xDD

Estaba castigada sin publicar, (nunca publique)
¿Alguien de ustedes es kpoper?
¡Vino Super Junior a México!Pero no fui , Oh  pobreza!:s
Bueno vengo con el reto de 50 tutos html , y la verdad si es un gran reto haaha:3
Este tutorial es algo diferente , lo hemos verificado con la Dina
*Voz de comercial *
Alguno de ustedes ha puesto efectos en su blog? pero luego no te gustan? y ahora quieres quitarlo
pero no tienes idea de como hacerlo? En este post lo encontrarás ,así que quedate! 
Jaj 7w7
¡¡Empecemos!!
Primero antes que nada debes saber de donde sacaste el efecto,es decir el tutorial para hacer el efecto que tienes ahora ¿Ok? 
Esto es super mega fácil, y la verdad no pondré ejemplos por que se van a revolver más y más
Dirígete a la pagina donde sacaste el tutorial o el efecto
después de eso , verifica los pasos , y los códigos que te dan para colocar el efecto y ve buscandolos uno por uno 
por ejemplo si te dice que debes hacerlo en la plantilla debes ir a la plantilla y presionar ctrl + f y pegar el codigo que te piden que coloques , una vez encontrado
  los borras todo el código completo, de manera correcta... 
por ejemplo si te dicen : coloca antes de </head> el sig. código :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/><script type='text/javascript'>$(document).ready(function() {$('img').fadeTo('slow', 0.5);$('img').hover(function() {$(this).fadeTo('slow', 1.0);}, function() {$(this).fadeTo('slow', 0.5);});});</script>

vas a buscar el código que te dan y lo borras todo (osea todo el código anterior)

y si hay mas pasos según el tutorial... borras todos los códigos que den a colocar
una vez hecho todo esto le das en vista previa de la plantilla y guardas la plantilla y verás que se te quitará el efecto...
Para evitar problemas te recomiendo que guardes una copia de seguridad de tu plantilla para evitar que se desarmen otros códigos, solo es una sugerencia♥
-----------------------------------------------
¿Que hago cuando me dice que coloque "css?
pues simplemente lo mismo con todo, buscas el codigo que te dieron para el efecto y 
lo eliminas completamente 
listo hemos finaizado!! si tienes alguna duda no dudes en dejarme en los comentarios para eso estamos Dina y Yo,
Andrea , si tienes alguna duda más solicitada dimelo y dejame tu correo para que te ayude de una manera mas directa...
Besos a todos y gracias por leer♥
PD : El tuto es 100% mio y de Dina, Deja creditos:s
JAJA Bye.

Hacer Que una Imagen al dar *Clik* Te lleve a una URL | TUTO HTML| ClubKawaii

¡hemos empezado con el reto! y lo he empezado yo jaja, (hice trampa), Bueno quería iniciarlo
¡Que tramposa soy! Jaj :s ...
El tuto de hoy es super fácil y rápido, y es ...
como hacer que al dar clik a una imagen nos lleve a un link o url determinado,..
Es algo super fácil, esto sirve para hacer banners de afiliación,etc.
Lo único que tienes que hacer es, Ir a diseño-> añadir gadget-> html javaScript
y copian este codigo y lo pegan en esa cajita ;
Para copiar el siguiente código, seleccionalo, presiona ctrl + c y lo pegas donde deseas(en el gadget)presionando ctrl + v.

<a href="URL_DEL_SITIO" target="_self"> <img src="URL_DE_TU_IMAGEN" border="0" alt="" /> </a> 

& Bueno ahí esta el codigo,guardan y listo ¡Tan fácil!

Espero les haya servido y gustado nos vemos la próxima♥

[RECURSOS/HTML] Cursores Sencillos de Colores para tu Blog!♥

¡Konichiwa! ¡¿Me han extrañado?! Yo sé que sí ^-^
Lamento no haber publicado , Salí de receso XD , aunque nisiquiera tengo varias entradas:'v
aunque no tengo horario , pero ahora veo que el blog de la Dina esta en *Cri cri cri*
Me he revisado varios blogs & aún no sigo a ninguno por qué no me gustan los géneros..
estoy pensando en abrir un blog ... pero si lo llevo a cabo ... ocuparía tiempo
y dejaría de ser admin de aquí TmT
No sé ni de que lo haría Jajaja :P  ... Me han gustado varios blogs por ejemplo ...
Amm ... ¿Sweet Love? Dina me recomendó ese blog ... Ví el link lo abrí y aggg
Que hermoso *-* Me encanta el blog de Kya|

Otro que me gusta es el de Kazumi  Circle♥

& Si me dejas tu blog para pasarme? e.e Andale dí que sí!:D
Jiji ... Hoy traigo para todos ustedes cursores bonitos y kawaii's para su blog

Cursores sencillos pero coloridos HTML 

Instrucciones ; 

1. Vamos al blog
2. Diseño
3. Añadir gadget
4. HTML JavaScript
5. copias el código de tu cursor favorito y lo pegas en la cajita de gadget
6. guardamos & ¡Listo!

PD : No debemos poner titulo al gadget ;)

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur272.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-grey-pointer.html" target="_blank" title="Light Grey Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Grey Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur271.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-red-pointer-2.html" target="_blank" title="Light Red Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Red Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur270.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-brown-pointer.html" target="_blank" title="Light Brown Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Brown Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur269.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-green-pointer.html" target="_blank" title="Light Green Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Green Pointer" style="position:absolute; top: 0px; right: 0px;" /></a> 

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur268.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-orange-pointer-2.html" target="_blank" title="Light Orange Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Orange Pointer" style="position:absolute; top: 0px; right: 0px;" /></a> 

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur267.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-purple-pointer-2.html" target="_blank" title="Light Purple Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Purple Pointer" style="position:absolute; top: 0px; right: 0px;" /></a> 

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur266.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-blue-pointer-2.html" target="_blank" title="Light Blue Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Blue Pointer" style="position:absolute; top: 0px; right: 0px;" /></a> 

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur265.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html" target="_blank" title="Light Pink Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Light Pink Pointer" style="position:absolute; top: 0px; right: 0px;" /></a> 

¡Listo! terminamos ya no tenemos más cursores jaj :P
Si tienen problemas con los cursores avísenme por fa:3
Espero les haya gustado hee , comentenme sus blogs e igual si les parecieron los cursores
yo soy Ana & nos vemos la próxima!
(Que será en cuánto antes)

[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

♥TUTORIAL/HTML♥ Poner Iconos en las listas

Hola hola Soy Ana posteando aquí en su blog! ¡¿Que tal el diseño? 7u7
Les gusto? Bueno , es la primera vez que hago diseño para este blog , espero y les guste
es sencillo (´∀｀*)

e igual hoy les traigo un tutorial rápido que tiene un resultado super cute para sus blogs , en este caso es añadir iconos o mini imagenes a la listas del blogger o por ejemplo en su caso  a esto ;

En vez que aparezcan los circulitos o los numeritos podremos 

cambiarlos para colocar iconos  (-‿‿-) 

Empezemos!

1. Vamos a Plantilla
2. Editar HTML
3. Presionamos CTRL + F
4. buscando este código ]]></b:skin>
5. pegas antes del codigo que buscastes el siguiente código:

ul li {
list-style: url(URLDETUIMAGEN);
} li {
list-style: url(URLDETUIMAGEN);

Una vez colocamos las url de nuestros iconos o el Link , y damos en guardar y listo ,
lo podemos colocar en nuestras entradas dando clik a los botoncitos que se muestran en la imagen superior ¨
Nos leemos la próxima Chaao *3* (C)

Ana Minji

[TUTORIAL/HTML] Personaliza Título de los gadgets(1) | Todo lo básico | ClubKawaiiBlog

¡Hola Hola Kawaii's! 

Hoy vengo bien designeerr 7u7r
¿Cómo han estado? Espero que super bien por qué yo pues , salí ya de vacaciones
y a descansar :3
Me han cambiado de turno de escuela y pues tengo que rehacer tareas que 
es algo fatigoso que hacen mis vacaciones algo macabrosas D:
Aunque cada vez me va quedando menos tarea ,  y me dejo de atormentar con
que tengo que terminarla ..
últimamente me la he pasado haciendo plantillas , pero no las he usado aquí
así que pienso traer un diseño para descargar:D
Andaba buscando que tutorial traer aquí del HTML 
& pues busqué algo fácil y ...

Les traigo el tutorial de personalizar el título de los gadgets

De una forma fácil & Bonita ,
Además que te daré lo básico para su personalización ..

¡Empecemos! 

Para la personalización hay que añadir el CSS osea vayámonos a 

Plantilla -> Editar HTML -> Damos clik en cualquier lado de la cajita que hay 

Presionamos CTRL + F y nos aparecerá un recuadro dónde pondremos el 

siguiente código ; 

]]></b:skin>

Justo antes de ese código vamos a pegar este código ;

.sidebar h2{ /**Adornar el título del gadget*/background: #e3fcf8; /*Color de fondo*/border-top: 3px dashed #FFBAE6; /**Borde Superior**/border-bottom: 1px solid #FFBAE6; /**Borde Inferior**/border-left: 1px solid #FFEABA; /**Borde Izquierdo**/ border-right: 1px solid #FFEABA; /**Borde Derecho**/

} 

Lo único que queda es personalizar :
Morado Color  justo después del "#" Ponemos el color HTML que queremos en este ...
Aquí te dejo URL dónde encuentras código de colores en HTML *CLIK AQUÍ PARA IR*
Rojo TIPO DE BORDE Así vamos con el borde  Puedes modificar el tipo de borde ;

Amarillo tamaño de bordes en pixeles 


& ¡Listo espero le hayas entendido ewe
le damos guardar plantilla y sha UwU
 Es lo más básico hasta ahora
Nos vemos en el próximo tutoriaal Byeeee♥

[VIDEO-TUTORIAL] DIY Agenda Semestral 2016 Super Fácil & Kawaii♥| By ClubKawaii♥*

¡Hoolaaaa kawaii's! ¿Qué tal están? 

Yo super bieeen!:D

Hoy traigo la agenda 2016 Que ya la tenía en YouTube pero no había guardado

cambios en modo Público -.-'

Hasta hoy que me dí cuenta xD

Les dejaré el tutorial de como elaborarla en base a la descarga de este post ;

http://club-kawaii.blogspot.mx/2016/01/descarga-agenda-2016-descargala-by-ck.html

Bueno bueno 

Si se dan cuenta es algo diferente a la que he elaborado anteriormente

& me encanta hacerme yo misma las agenda (Aunque lleva mucho tiempoo)>n<

La portada está llena de dibujitos , ya que quería cambiar la esencia de la agenda 

& Quería disimular que es una agenda xD 

Bueno,Aquí dejo el vídeo jaj

Espero y les guste :D 

Espero & les guste si hay problemas del vídeo avisenme
por fis♥
Byebye♥

[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

Como Centrar el Seguir Leyendo/ Leer Mas ; Del Blog :3 [100%Mio]

Hola Kawaii's ¿Como estaan? akadkfhakfh , Hoy les traigo un tutorial super lindo que yo lo he hecho :33 , de hecho esto ya lo habia descubrido desde hace tiempito , pero no se por que no habia provado el efecto :(( :')))

Ya deben de sabes como poner el Seguir leyendo : Ok es lo mismo para este

tutorial , solo tienes que buscar : 

<data:post.jumpText/>

& Lo reemplazas por este codigo xd:

<p align='right'><a expr:href='data:post.url'><img src='Url de la Imagen de seguir leyendo'/></a></p> 

Ahora viene lo mas Buenote xD

Se pueden dar cuenta que en el codigo esta el Right (es derecha)

Solo es cosa de modificar & divertirse modificaaaaando los codigos :''33

entonces solo cambiaran por ;

center 

igual si lo quieren en la izquierda ponen ; 

left 

& Bueno eso es todo :33

espero que les haya gustado jaja SUPER FACIL Vdd? 

BByyee Bbbyyye

[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!♥

[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!♥

[TUTORIAL] Menu #3 "Sweet Short"

Hola! Kawaii's ¿Como estan? *yop super bien * El dia e les traigo un tutorial que es  muy bonito & sencillito A mi me gusto es algo super agradable Bueno solo lo que tienen que hacer es lo siguiente :D 
Diseño-> Añadir gadget-> HTML Javascript & Copias con CTRL + C El siguiente codigo & Pegas con CTRL +V , Pegamos ;3

<div style="text-align: center;"> <span style="padding: 10px 30px; background-color: rgb(255, 214, 221); -moz-border-radius: 5px;"> <a href="URL" enlace="" de="">TITULO 1</a></span> <span style="padding: 10px 30px; background-color: rgb(255, 134, 170); -moz-border-radius: 5px;"> <a href="URL" enlace="" de="">TITULO 2</a></span> <span style="padding: 10px 30px; background-color: rgb(255, 134, 170); -moz-border-radius: 5px;"> <a href="URL" enlace="" de="">TITULO 3</a></span>  <span style="padding: 10px 30px; background-color: rgb(255, 134, 170); -moz-border-radius: 5px;"> <a href="URL" enlace="" de="">TITULO 4</a></span> <span style="padding: 10px 30px; background-color: rgb(255, 134, 170); -moz-border-radius: 5px;"> <a href="URL" enlace="" de="">TITULO5</a></span><span style="color:#cc33cc;"></span></div>

Aqui editen : 
Morado ; Colocamos la URL DE donde queremos que se diriga nuestro botoncito
moradito rojo ? xD : Es la medida de nuestros botoncitos ... Experimenta medidas!;D
Borgoña : Seleccionan el color que quieran 

Mira Seleccionas color en la gama de colores HTML

& YA DE HABER SELECCIONADO EL CODIGO QUE TOMAS SERA EL DEL

RGB VAS COLOCAR EL CODIGO EN ORDEN PRIMERO LA R ; 255

DE AHI G ; 154

& ULTIMO B ; 195

& Listo!

es un ejemplo solo con el codigo de su color ;3

*CLIK PARA COLORES HTML*

verde ; Colocamos el titulo de nuestra seccion :3

¿Quieres agregar mas secciones?

Entre este codigo que esta a lo ultimo del que les di 

 <a href="URL" enlace="" de="">TITULO5</a></span><span style="color:#cc33cc;">AQUI PEGAN EL OTRO CODIGO</span></div>

 <a href="URL" enlace="" de="">TITULO OPCIONAL</a></span>

 <span style="padding: 10px 30px; background-color: rgb(255, 134, 170); -moz-border-radius: 5px;"> 

 & lISTO ;3
Hemos terminado;D Espero que les guste ♥♥ :33
COMENTEN & DIGANME SI HUBO UN FALLO ._.
Créditos: Annyz Kawaii Blog

Besos Kawaii's♥

[SECCION ] Hagamos Nuestra Propia plantilla CAP2 *CLIK*

Hi! kawaii's han visto esta seccion? Nop! Dina incrementa secciones & nunca las sigue xd! Enojad@s los kawaii's con dina! xD! Bueno ... siento no seguir con la seccion jajaja' es que se me olvido & vi las entradas  & vi la entradita CAP1 , Ahora traigo la 2 Despues de cruzar un año n.n
¿No has visto el capitulo 1?CAPITULO 1 *CLIK*
Muy bien nos quedamos en la base ;3 Ahora vamos...
4- El fondo que concuerde al tema"
Ok , Si el tema de mi plantilla ej; es Ririchiyo Sama [ANIME]
busca en internet los colores del perfil de aquel anime , no le vayas a poner colores que 
no concuerden por que se vera mal & Raro , Ej ; AMARILLO ; Segun yo no tiene nada que 
ver el amarillo con Ririchiyo Sama xD...

5-Trata de combinar colores "
No se la opinion de cada uno de nosotros ;P ... Pero es muy importante combinar colores
Ej ; Volcaoid SeeU ; Debemos convinar los colores de vestuario ;
Siento que el centro de su vestuario es 
Amarillos pero se veria muy amarilla la plantilla si la hacemos de un color 
¿NO CREEN? ^^ 
ej ;
Combino Amarillo , Blanco , & SERIA Un color carne & Asi pero
trata que sean degradados de aquel color de base xD Ej;
No le vayas a poner azul si no tiene nada que ver :V XD

6-Busca imagenes de Buena Calidad

Es importante Que busquemos imagenes de buena calidad para que la plantilla
luzca ... Como yo ¿Vieron mi antigua plantilla de karuta?
Hay que aceptarlo que las imagenes de mi plantilla Estuvieron Pesimas! el diseño es
muy bueno , pero las imagenes como que eliminan la importancia del diseño
& se ve mal , si mi plantilla se veia mal Debo aceptarlo! XD , Pero
yo solita aprendi a guardarlas de buena calidad 
*CLIK* PARA VER TUTO DE BUENA CALIDAD

7-CABECERA
La cabecera debe de incluir el nombre del blog & alguna imagen para que no se vea simple en este caso algunos renders Como la mayoria de otakus utiliza de anime & si deseeas colocar un Slider en la cabecera ; a la hora de hacer la cabecera Coloca el espacio del slider para que sepas donde lo colocaras & se vea mas... elegante? xD No sabria decirlo ... Seria Ordenado? xD
Ok jajajjaj Buenop hasta aqui eh llegado espero que les haya gustado
Ponemos HORARIO? Todos los miercoles ? Oki  seguire con esta seccion ;P

Mientras en la semana pongo a descargar fonditos para los blogs & asi! XD 
Bueno espero que les sirva Kawaii's 

[TUTORIAL] Colocar Cortinitas en Tu blog ;3 !

Hi! Soy dina Kawaii's ¿Como estan ? Yo aqui bien bien ;c Les traigo este tutorial de poner una cortina en su blog aqui mi peque - captura ;3

Esto es super facil ;3 Solo tienen que hacer lo siguiente;

Diseño --> Añadir gadget -> HTML Javascript &

Colocan este codigo ;

<div style=" background-image: url('URL de la cortina'); top: 0px; left: 0px; width: 100%; height:38px; z-index: 100;position: fixed;"></div>

& Listo lo Guardan ;3 Espero que les haya  Gustado nos vemos ! ♥

[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