Entradas

Mostrando las entradas etiquetadas como Tutoriales

[Tutoriales] Personalizar el estilo del texto de las entradas

Imagen
Estoy deseando tener el Syndicateeeeee >///////< Holiiii!!!! Ayer no pude publicar ya que estuve bastante ocupada entre el entrenamiento de Karate y una exhibición de Karate de mi instituto (>////////<), así que no pude ni tocar el ordenador. Lo bueno es que ya hoy terminé mi último exámen, y de los tres días que me quedan de clases, uno es un festival de villancicos, y otro el ensayo general del mismo, así que no me quedan muchos días de levantarse a las siete de la mañana :'D Gracias a dios. Pero bueno, vamos con el tutorial. Hoy les traigo creo que es bastante útil para l@s blogger@s que estén empezando, para darle un aspecto más bonito a su blog. Sin embargo, no me refiero a el aspecto exterior, sino a el texto de las entradas, ya que hay ciertas cosas que no las puedes hacer en el diseñador de plantillas. Además, para aprender a utilizarlas en textos html u otros, puedes visitar ESTA entrada.

[Tutoriales] Gadget redes sociales sencillo

Imagen
Holiiii!!!! Hoy les traigo un tutorial bastante sencillo de como poner unos botones de redes sociales muy sencillo. El tutorial lo voy ha hacer yo, pero la idea la he cogido de la plantilla Fresh Blog , de Sora Templates que he usado para un blog de un trabajo de clase, así que los créditos van a Sora Templates .

[Tutoriales] Consejos para crear un blog ordenado 1

Imagen
Holiii!!! Bueno, ya que hoy no tengo tiempo de estar con un tutorial en el que haya html, css y etc, he decidido darles un par de consejos para si quieren crear un blog, que este bien ordenado y no sigan mi ejemplo :P  Estos consejos que les doy es básicamente lo que he aprendido de los fallos del blog y su organización, y que he tratado de eliminar en la nueva plantilla, y los nuevos aires de Crazy Otakus para el año próximo. Además, separaré el blog en dos partes.

[Tutoriales] Maquillaje Catrina Paso a Paso

Imagen
Holiii!!! Ya que cada vez estamos más cerca de Halloween, os traigo un par de sencillos tutoriales, que aunque no son míos (créditos a cada uno de los creadores), creo que les gustarán (a mi me encantaron), sobre como hacerte un maquilla Catrina. Espero que les guste!! Por cierto, perdonen la mierdilla de entradas que estoy haciendo últimamente, y el no contestar los comentarios, pero últimamente no tengo mucho tiempo ya que ya entramos de lleno en la primera evaluación, ya estamos a mitad, y los exámenes y los trabajos se me acumulan, además de otros compromisos personales.

[Tutoriales] HTML Útil: Centrar el título en las entradas

Imagen
Holiii!!! Hoy les traigo un tutorial bastante BASTANTE sencillito xD y, a pesar de lo que dije, que no es de Halloween, ya que mi padre me dijo que no podía estar hoy mucho rato en el ordenador y que lo dejara rapidito. Así que vamos con el tuto. Entramos en Plantilla, Editar HTML y buscamos (Ctrl+F)  h3.post-title.entry-title { Y justo debajo, añadimos lo siguiente:  text-align: center; Y listo!!! Siento que la entrada sea tan corta ;-; Pero bueno, dije que era un tutorial sencillito. Por cierto, ya estoy haciendo la historia para Halloween :3 Beshus y hasta mañana!!

[Tutoriales] Marcos de Halloween para las imágenes

Imagen
Holiii!!! Antes que nada quería comentarles que la sección de Storyteller será cada tres viernes (cada 21 días) en vez de el tercer viernes de cada mes ^^ Pero bueno, sigamos con lo que toca hoy, que es un tutorial, y dado que últimamente no tengo ni idea de que más tutoriales puedo hacer, les voy a poner coshitas para decorar su blog en halloween durante este mes, y hoy tocan ¡marcos para las imágenes! Además, como son marcos bastante voluminosos, y dos de los tres (iba a hacer más pero no tuve tiempo), tiene efecto, los códigos están puestos para que solo afecten a las imágenes de los posts y las entradas ^^

[Tutoriales] Cursores de Halloween + Blog Personal ABIERTO (Por fin)

Imagen
Holiii!!!! Siento mucho lo de ayer, que mi blog estaba cerrado, pero es que encima cambié la configuración para que fuera público y debe ser que con mi mierda de internet no se guardo ;-; ( LIMINYADE )Y por cierto, quedan ya solo tres plazas para la historia!! Pero bueno, vamos a lo de hoy, que son cursores de Halloween, que dentro de poco viene!!  Los cursores son todos sacados de Ciudad Blogger , (hoy tengo que hacer un plano así que no tengo tiempo de mucho).

[Tutoriales] Blockquote Halloween

Imagen
Holiii!!! Hoy se me ha ocurrido ponerles un tipo de blockquote con un estilo muy de Halloween, así que espero que os guste, es un tutorial muy sencillo!!

[Tutoriales] Gadget Amigos #2

Imagen
Holiiii!! Como el internet aun me va lento, os traigo un tutorial bien sencillito, que es otra forma de poner un gadget de amigos:

[Tutoriales] Gadget Amigos #1

Imagen
Holiii!!! Bueno, hoy os traigo el tutorial que me pidió Yuuto, sobre cómo poner un gadget de amigos como el mío. Pienso hacer por lo menos tres o cuatro de este tema porque hay miles de formas de hacerlo. Esta es de las más sencillas porque no tiene efectos.

[Tutoriales] Personalizar los gadget

Imagen
Holiii!!! Quiero dar las gracias a todas las que me respondieron ayer a mi mensaje de ayuda xD No, en serio, muchísimas gracias a todas, llevo tiempo buscándolo. Pero buaaano, a lo que vamos, hoy les enseñaré como personalizar los gadgets del blog, ya que un comentario anónimo me lo pidió hace un tiempo.

[Tutoriales] Personalizar comentarios

Imagen
Holiii!!!! Felicidades a Victoria por ganar el concurso!! En esta entrada quería decirles que voy a eliminar la sección de recursos los sábados, porque no suelo estar en casa los sábados. Pero bueno, vallamos con el tutorial de hoy: #imagenrandom

[Tutoriales] Poner iconos en los títulos de los gadgets

Imagen
Holiii!!! Hoy voy a subir un tutorial en vez de una reseña, ¿por qué? Pues porque mi querido amigo blogger no publicó ayer el tutorial que dejé programado antes de ir al médico... THANKS. Pero bueno, como ya tengo hecha la entrada, pues no la voy a desperdiciar, os la dejo aquí en vez de la que toca hoy, dado que no se que reseñar (aunque seguro que tengo cosas pendientes -_-). Por cierto, perdonen si no contesto a todos los comentarios, pero es que se me van acumulando y los contesto poco a poco, aunque la mayoría, no creo que vuelva a ver mis respuestas dado que los comentarios suelen ser más de que os ha gustado la entrada y etc xD Pero a los que me hayan preguntado algo y no les he contestado, perdonen xC (No se si hay casos así). Bueeno, hoy les voy a enseñar a poner en los títulos de los gadgets iconitos como las manzanitas que tengo yo a petición de Tris (Petición, bueno, me hago ilusiones, me preguntó como se hacía, pero yo me lo tomo como un "haz un tutorial de......

[Tutoriales] Blockquote: ¡Danger!

Imagen
Holiiinss!!! Siento mucho no haber publicado nada ayer, me estoy planteando eliminar la sección de recursos y no publicar nada los sábado, ya que es el día en que suelo quedar con mis amigos o salir con mis padres, y prefiero decir que no publicaré nada, a decir que lo haré y fallar 3 de 4 xD Pero bueno, el lunes ya les avisaré si lo hago definitivamente, así que ahora vamos con el tutorial de hoy, Poner un Blockquote como este: Este Blockquote lo utilizo para resaltar cosas en ciertos tutoriales que son totalmente necesarias pero tu lo podrías utilizar para cualquier cosa, además, no todos los blockquote que pongas serán así, bueno, ahora les explico, empecemos con el tuto que es sencillito.

[Tutoriales] Dibujar una chica Neko

Imagen
Holiii!!!! Hoy les traigo un tutorial que son todo casi todo imágenes xD Y va sobre cómo dibujar una chica neko, espero que os guste!! El tutorial será para dibujar a una neko pero tengan en cuenta de que lo hago a ordenador. Les recomiendo Paint Tool Sai, Photoshop, o Clip Studio Paint (que es el que tengo yo).

[Tutoriales] Estilos para el título de los post 1

Imagen
Holii!!! Hoy les traigo un tutorial sencillito para cambiar el estilo de los títulos de las entradas (los post). Para empezar, solo tienen que ir a Plantilla>Editar HTML , y buscar ]]></b:skin> y luego pegas justo encima, el código que quieras (denle a la imagen para verla en grande): h3.post-title {     color: white;     background: #9BDDF8 none repeat scroll 0% 0%;     text-align: center;     border-width: 1px;     border-style: dashed;     border-color: #FFF;     font: 18px courier !important; } h3.post-title a {     color: #FFF !important; } h3.post-title { color: darkred; background: #F8B29B none repeat scroll 0% 0%; text-align: center; border-width: 4px; border-style: double; border-color: #DE795E; font: 18px serif !important; border-radius: 20px; box-shadow: inset 0 0 5px #fff; } h3.post-title a { color: darkred; } h3.post-title { background: white url("http://www.designbolts.com/wp-content/uploads/2012/12/simple-pattern-white-seamless-websi...

[Tutoriales] Personalizar el post-footer

 Holiii!!! Hoy les traigo un sencillo tutorial para editar el post-footer, que es lo que sale al final de las entradas. Es un tutorial muy muy sencillito, de CSS, así que será una entrada cortita. Bueno, lo primero de todo, es ir a Blogger>Plantilla>Editar HTML , y buscar .post-footer { , y borramos todo lo de dentro hasta la siguiente } Y ahora, en el hueco que queda, ponemos el siguiente código: margin: 1.5em 0px 0px; padding-top:10px; /*Espacio entre el border y el texto*/ padding-bottom:10px; /*Espacio entre el border y el texto*/ padding-left:10px; /*Espacio entre el border y el texto*/ padding-right:10px; /*Espacio entre el border y el texto*/ background: #FF0000; /*Si quieres ponerle un fondo de internet, añade antes del punto y coma: url('URLDELAIMAGEN'). Si quieres que la imagen se repita en todo el espacio, poner repeat, al lado de lo de antes, y si no quieres, no-repeat. Para la posición, ponemos al lado de lo último, center top, right bottom o algo a...

[Tutoriales] Menú desplegable

Imagen
Holiii!! Qué tal están? Yo hoy les traigo esta entrada rapidita, porque estoy haciendo varios dibujos, que a ver si termino. Bueno, en esta entrada, os dejaré el link del tutorial que utilicé para hacer el menú que tengo en el blog. El menú que yo tengo es ligeramente diferente, pero como casi todo es de la página que les diré, prefiero ponerlo de allí, para darle los créditos del tutorial. MENÚ DESPLEGABLE Por cierto, uno de los dibujos que estoy haciendo es de Miku Hatsune: ¿Qué les parece? (Denle a la imagen para verlo de cerca) Beshus y hasta mañana!!

[Tutoriales] Poner un decorado en el blog

Imagen
Holiiii!Hoy os traigo este tutorial, bastante sencillito, que consiste en como poner en el blog un decorado en una esquina como el siguiente: Si os gusta, lo único que tienen que hacer es ir a Plantilla>Editar HTML> Y buscar (Ctrl+F)  ]]></b:skin>.  Y justo antes, deben pegar el siguiente código e ir editando lo que explico a cada lado de los códigos: html::before {   content: '';   display: block;   position: fixed;   top: 10px; /*Este es el margen de arriba, si lo quieres tener abajo, cambia top, por bottom*/   left: 10px ;/*Este es el margen de la izquierda, si quieres que esté a la derecha, cambia left por right*/   width: 200px; /*Este es el tamaño en el que estará la imagen, ve aumentandolo si la imagen te sale cortada, pero tienes que hacerlo proporcionadamente con el numero de abajo*/   height: 200px;   background: url(URL_DE_LA_IMAGEN) no-repeat center center; /*Esta es la url de la imagen, cámbial...

[Tutoriales] Poner el gadget del perfil personal dentro de otro

Imagen
Holiii!!! Ya que hoy no tenía ni idea de que podría subir hoy de tutorial al blog, así que he decidido enseñaros como puse el gadget de mi perfil en el gadget de Bienvenidos. Es bastante sencillito, y os pondré todos los pasos para que os quede como yo lo tengo. Aunque no voy a poner lo de los detalles de lo de las cajitas, eso lo puedes encontrar en ESTE otro tutorial. Por cierto, este tutorial es válido para Google Chrome y Firefox, pero no se si también se puede en Internet Explorer u otro.