1/14/2016

En reparación ;)


Hola!, bueno umh como se habrán dado cuenta el blog va a estar en reparación ya que tengo una gran idea que es re-modelar la plantilla y... No soy muy buena en eso :/ ¡Pero! Voy a aprender, voy a aprender, no se preocupen. Hasta que no me salga bien la plantilla no vuelvo, haha no es cierto si no sale bien pondré la plantilla original.

Mis ideas son:

  1. blockquote
  2. Tutoriales ( cuadernos, agendas, etc )
  3. Tutoriales para Blogger
  4. Diario ( mas adelante )
  5. Recursos
  6. Publicidad
  7. Premios
  8. Y lo que tengo ahora en el blog

Mas adelante pondré mas cosas ;) Un abrazo a tod@s! <3

1/13/2016

Tutoriales fáciles [Blogger]


¡¡Hola!! Por fin  estoy de vuelta l@s extrañe mucho, mucho~. En fin... Como están?, que comen?, que miran? 7u7 Yo estoy muy bien, mentas :3 y miro la película 5 centímetros cada segundo ( Anime )
como dije en alguna entrada que iba a hacer tutoriales, voy a hacer tutoriales 
¡Empecemos!

1. Quitar el recuadro y/u sombra de tus imágenes:
Hacemos click en plantilla, personalizar y luego vamos a avanzado buscamos el apartado que dice "Imágenes".

Nos tenemos que asegurar que el color de fondo y el color de borde estén en transparente, luego de hacer eso hacemos click en aplicar al blog

Ahora volvemos a Blogger Plantilla / Editar HTML / Expandir artilugios / F3 ( Buscador ).

Copiamos y pegamos: .post-body img
Pero saldrá algo como esto:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

 .BlogList .item-thumbnail img { 
padding: $(image.border.small.size); 

background: $(image.background.color); 
border: 1px solid $(image.border.color); 
 -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);


Solo concéntrense en la parte azul todos los números delante del px cámbienlos por un 0 
¡Eso es todo! Muy sencillo... Antes de guardar pulsen en vista previa para asegurarnos de que todo esta bien, si esta todo bien le damos en guardar.

    2. Centrar los títulos del post


Diseño / Editar HTML / Expandir artilugios / F3 ( Buscador ) /

Copiamos en el buscador esto: h3.post-title, .comments h4 { 
Nos aparecera algo parecido:

h3.post-title, .comments h4 { 
font: $(post.title.font); 
margin: .75em 0 0; 
}

Copiamos este código: text-align: center; 
Ese código lo pegamos así:

h3.post-title, .comments h4 {
 font: $(post.title.font); 
margin: .75em 0 0; 
text-align: center;
 }

Antes de guardar pulsen en vista previa para asegurarnos de que todo esta bien, si esta todo bien le damos en guardar.

Beshos! <3 Espero que los tutos les hayan servido de algo :3