[Tutorial] Menú con subpestañas #1

Hiii! Hoy os enseñare a poner el menú que tenia en mi anterior plantilla~

Por si no os acordáis... El menú estaba justo entre la cabecera y los post, y tenia sub-pestañas!

Este código lo he hecho juntando varios menús distintos y retocándolo yo misma, así que si lo usáis poned créditos si? ^3^

Bueno! No es de los tutoriales más sencillos que he hecho así que cualquier duda me dicen (y si es sobre el html, díganmelo por email Kyaru9@gmail.com que será más sencillo de explicar!)

Una captura del menú de este tuto ^^

[Tutorial] Como agrandar el espacio para la cabecera!

Hola! Como están? Yo feliz ya que pronto pondré la nueva plantilla~ >w< en verdad, ya esta terminada pero nunca encuentro el momento para ponerla jajajajaja bueno... de mientras iré publicando :V

Hoy os traigo la manera de agrandar el espació de la cabecera, es decir... Actualmente la cabecera no puede superar el espacio del blog, si eso, la corta. Si no quieres ni reducirle el tamaño ni cortarla por los laterales para dar el ancho requerido solo queda una opción...

[Tutorial] Personalizar gadget #2

Hiii~ Como están? *^* yo me estoy quedando sin ideas de tutoriales estos días... D: Así que si tienen alguna duda me la dicen y la hago en forma de entrada XD jaajaja 

Bueno, hoy os traigo la forma de editar el gadget con la forma de la actual entrada! :D 

Es super sencillo!

[Tutorial] Personalizar Archivo del blog #1

Hola! Como están? He vuelto con un nuevo tutorial que uso muchísimo~! Lo uso a veces en algunas plantillas, no es mio y la verdad no me acuerdo de donde lo saque así que no pondré créditos… Si llego a saber de donde es lo avisaré ^^

Con este tutorial podréis poner el Archivo del Blog en una página o post! Para luego enlazarla en alguna pestaña o imagen. Hace que se vea más ordenado y es bastante cómodo para los lectores…

Así es como queda, Vista Previa! Yo lo he usado en mi otro blog, como hago bastantes entradas al mes el gadget normal ocupa mucho sitio y no me acaba de gustar… Por eso usando este la gente puede ver todas las entradas sin ocupar mucho espacio!

Para tenerlo así simplemente debéis…

[Tutorial] ¿Cómo añadir/quitar margen al post? [100% mío]

Hiii~ Como están? Yo hoy os traigo otro tutorial para vuestros posts~ :3

Esta vez es para quitar o añadir margen a vuestras entradas! 

HAce un tiempo, estuve mirando maneras de editar los márgenes de los posts pero o no funcionaban o tenia que hacer demasiado por unos simples márgenes... 

Y bueno, al final he visto la manera más fácil de hacerlo!

Para quitar o añadir margen debemos ir Plantilla > Editar HTML > Y buscamos...

.date-outer {

Entonces, dentro de ese código, debes buscar este código...

padding: 0 15px;

Para poder editar tu margen debes editar la parte marcada arriba! Cuanto mayor sea el numero, mayor será el margen.
En el caso de que no lo encuentres, simplemente copia esa parte y pégala delante del .date-outer {!

Para asegurarnos, vamos a Vista Previa! En el caso que este todo correcto, guardamos y listo!
Es fácil y sencillo, y hace ver el blog más organizado y limpio!

[Tutorial] Personalizar entrada #2 [100% mío]

Hiiii chic@s! Como están? Yo ya estoy pensando otro diseño para el blog~ :P

no me he quedado del todo satisfecha con este... Así que pronto empezaré uno nuevo!

Alguna sugerencia para el tema de la nueva planti? *^*

Bueno, os traigo otra manera de personalizar sus posts ^^

Este es el estilo de hoy~ VISTA PREVIA!

[Tutorial] Personalizar gadget #1

Hiiii! Como están? Hoy os traigo un tutorial para personalizar los gadgets de tu blog! Es el que he usado para la nueva plantilla de mi blog Sweet Love ^^ Así quedará una vez hagas el tutorial~ 

Os gusta? Pues empecemos!

[Tutorial] Personalizar gadget "Seguidores" -1-

Hiiiiiii~! Por fin os he podido traer un nuevo tutorial!! >w< La verdad no tenia muchas ideas jajaja pero bueno al final he encontrado algo que tenia olvidado pero que queda genial.... Y es personalizar el gadget seguidores, quitándole opacidad y el color de fondo! ^^

Sin y con el mouse por encima ^^

VISTA PREVIA

[Tutorial] Créditos #2 {100% mío}

Hiiii~! Como están? Hoy os traigo un tutorial que uso desde hace bastante, no es totalmente mío, ya que yo lo cogí de internet y lo edite de manera que me fuera bien!
Este tutorial trata de poner créditos en el HTML en la parte inferior del blog...

VISTA PREVIA

Es muy sencillo de poner! :D

[Tutorial] Blockquote ~6~

Heeey♥ Como están~? Yo genial! Hoy os traigo un blockquote con efecto hecho por mi :D Mirando la vista previa sabréis como es ^^

VISTA PREVIA CON EFECTO

Para poner ese blockquote en tu blog, debes ir a Plantilla > Edición HTML > Ctrl+f y buscas ]]></b:skin> > Y pegas antes de ]]></b:skin> el siguiente código:

[Tutorial] Personalizar entrada #1 [100% mío]

Heeeey♥ Que tal están~? Hoy os traigo un tutorial para personalizar una entrada para que quede así~

VISTA PREVIA

¿La quieres en tu blog? Pues en esta entrada te enseñare a ponerla~ :D

[Tutorial] Como hacer un banner con Photoshop y hacerlo un Gif ๑​~​VERSIÓN 1~๑​ [100% MÍO]

Hiiiiiii chic@s! Como están? *^* Hoy os traigo un tutorial que uso muchísimo a la hora de diseñar un blog! Vale para hacer un banner como para cualquier imagen que queraís poner para decorar vuestro blog~
Hoy os enseñaré a hacer este banner de mi blog desde cero!

Si usais el tutorial o lo ponen en vuestro blog, recuerden dar créditos a mi blog por favor~!!
Empecemos!!

[Tutorial] Créditos #1 {100% mío}

Hiii! Siento tener esto tan abandonado... Hacer entradas de tutoriales me quita mucho tiempo así que no puedo hacerlas muy seguido...Pero bueno XD
Hoy os traigo el tutorial de como hacer los recuadros de créditos que suelo poner últimamente en mis plantillas! Es sencillo pero es fácil, rápido de poner, y queda bien!
Es totalmente mío así que si lo usan dejen créditos porfa~

Ejemplo~

Os enseñare a como poner el recuadro rosa clarito, con el fondo del gadget o sin el!

[Tutorial] Imagen con lista oculta en movimiento

Hiiii! Siento no haber publicado estos ultimos días... Bueno.. Primero! He creado una iniciativa en mi otro blog Sweet Love! Trata principalmente de hacer reseñas de otros blogs :3 Encontraréis mas información en el banner de la iniciativa que os dejo aquí abajo~

¿QUIERES QUE HAGA UNA RESEÑA DE TU BLOG?
Entonces únete a la inciativa~ >w<

↑↑↑ ¡CLICK AQUÍ! ↑↑↑

Bueno, hoy os traigo un nuevo tuto que uso MUUUCHISISISISMO! Este trata de una imagen que al darle click, aparece una lista debajo de ella (donde puedes poner texto, imágenes, o lo que prefieras XD)

Aquí una imagen de prueba y el link de un ejemplo en un blog de prueba!

VISTA PREVIA

[Tutorial] Menú #2

Hoola! Como están? Yo con el colegio estoy bastante ocupada, por eso estos días no he publicado nada D: pero bueno, intentare publicar más a partir de ahora~! >w<

La entrada de hoy es un nuevo tutorial! Espero que os sirva~

BLOG DE PRUEBAS

[Tutorial] Redondear imágenes de los post [100% MÍO]

Hii~! Hoy os traigo un tuto que he usado para mi nueva plantilla en Sweet Love :D
Este tutorial trata de como redondear todas las imágenes de los posts sin redondear las de los gadgets! Es super fácil :D

Imagen de prueba~

Bueno... Empecemos!

[Tutorial] Cambiar color de fondo de un gadget [100% MÍO]

Hooola! Hoy os enseñare a cambiar el color de fondo de un gadget (además también pondré la manera de cambiar el color del borde y texto de ese mismo gadget). Bueno, os traigo un ejemplo:

Ahora os dire como hacer eso en vuestro blog (con otros colores y tal)!

[Tutorial] Eliminar fondo a un gadget [100% MÍO]

Hiii! En el tuto de hoy os enseñare a como ponerle un fondo transparente a un gadget! 

Ven como queda? Además he puesto para que también quite el borde que pone Blogger a los gadgets.

Bueno, este tuto es super sencillo! Aquí os dejo como hacerlo...

[Tutorial] Reducir o aumentar espacio entre cabecera y cuerpo [100% MÍO!]

Hii! Hoy hare un tutoria sobre como poner o quitar margen o espacio entre la cabecera y la entrada, o de la cabecera y un gadget (o de gadget a gadget)! Para que lo entendáis mejor os enseñare una captura donde he utilizado uno de los códigos:

Como vereis en la imagen, la imagen esta pegada a la entrada! Esa imagen la he puesto con el gadget HTML/Javascript y como quedaba mucho espació entre ese gadget y las entradas, pues he reducido ese espació con el código que os enseñare hoy :D Entendéis~?
Aquí os dejo los códigos con su tutorial de como ponerlo ^^

~ELIMINAR ESPACIO ENTRE CABECERA Y ENTRADAS~

[Tutorial] Eliminar espacio superior de la cabecera

Hiii~! Hoy os traigo otro tuto para vuestros blogs~ >w< esta vez es para eliminar ese espació que deja Blogger cuando quitamos la Barra de navegación! Es un tutorial super sencillo pero que usándolo nuestro blog queda mucho mejor ^^

1. Primero vamos a Plantilla > Editar HTML > Buscamos ]]></b:skin> y encima pegamos: