Mostrando entradas con la etiqueta CODIGOS HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta CODIGOS HTML. Mostrar todas las entradas

domingo, 10 de julio de 2016

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 ....


jueves, 7 de julio de 2016

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.

martes, 5 de julio de 2016

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♥


miércoles, 11 de mayo de 2016

[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 ;)
Light Grey Pointer
<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>
Light Red Pointer
<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>
Light Brown Pointer
<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>
Light Green Pointer
<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> 
Light Orange Pointer
<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> 
Light Purple Pointer
<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> 
Light Blue Pointer
<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> 
Light Pink Pointer
<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)

domingo, 20 de marzo de 2016

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




lunes, 9 de febrero de 2015

[TUTORIAL] Como quitar el *CLIK DERECHO* con un mensaje (2)

Hooooola! kawaii's ¿Como andan? 
Ya estan participando en el sorteo? jaja' solo Vivi se ha inscruto :c
Wueeeno! hoy les traigo un tuto de quitar el clik derecho & cuando le den clik* 
aparezca una imagen-mensaje

Es algo practico , para que no hayga copias ni nada , 




asi que vamos a empezar!




1- Ir a plantilla -> editar HTML -> CTRL + F & Aparese un buscador por la cual buscan ;
 </body>

& Ahora antes del codigo pegamos el siguiente :)
<script>
// Inhabilitar el botón derecho
var DADrccolor = "#F1F1F1";/*Color de fondo al dar clik*
var DADrcimage = "URL DE IMAGEN QUE APRECERA";
</script>
<script type="text/javascript" src="http://yourjavascript.com/2122535051/antirightclick.js"></script>
Personaliza ; todo viene explicado *3*
Bye Bye♥



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


lunes, 19 de enero de 2015

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





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 ;) 



[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]}♥