Revista Comunicación

Colocar comillas a los textos de las entradas

Publicado el 20 enero 2016 por Wendy Rayde

¡Hola! Bonito día, ya estoy por acá con otro tutorial para poner más bonitos y vistosos los textos de nuestros post. Ahora les voy a enseñar cómo personalizar el texto que va dentro de una Cita (colocarlo entre comillas) en blogger, este post me lo sugirió mi compañera bloguera +Sandra Ruiz y así que manos a la obra. El lunes publique un tutorial de cómo cambiar de color al texto en nuestros post y cambiar el tipo de letra por si se lo perdieron y quieren ir a verlo.

Colocar comillas a los textos de las entradas

- Antes de iniciar como siempre *guardar una copia de la plantilla por si algo sale mal y sin problema la volvemos a instalar.

Iniciamos con el tutorial:

1. vamos a → plantilla → Editar HTML

2. buscamos ]]></b:skin> y justo antes pegamos el siguiente código:

blockquote { background:#66CDAA; /* Color de fondo */ padding:10px; } blockquote:before { content: "\201C"; /* inicio comilla */ font-family: Georgia; font-size:40px; /* tamaño */ font-weight: bold; line-height:0px; color:#ffffff; /* Color */ vertical-align:middle; } blockquote:after { /* final */ content: "\201D"; font-family: Georgia; font-size:40px; /* tamaño */ font-weight: bold; line-height:0px; color:#ffffff; /* Color */ vertical-align:middle; padding-top:10px; }

3. Clic en guardar plantilla
4. Vamos al editor de entrada y escribimos de forma normal, cuando queramos insertar el bloque entre comillas , vamos a la vista HTML y pegamos este código:

<blockquote> Escribe tu texto aquí </blockquote>

5. Regresamos a la pestaña redactar y escribimos con normalidad el texto a resaltar, el código se encargará de colocar las comillas del inicio y del final. para ver si todo funciona bien podemos ir a vista previa y se notará el bloque.

Este es un ejemplo de texto entre comillas, este es un ejemplo del tutotial, este es un ejemplo de texto entre comillas, este es un ejemplo del tutorial.

Ahora podemos jugar con el css y crear varios estilos

Colocar comillas a los textos de las entradas

Espero que les sea de utilidad este tutorial y nos vemos en el siguiente post, un abrazo enorme ♥

Colocar comillas a los textos de las entradas

Madre de una divertida niña de pelos locos, esposa de un barbudito super intelectual al que amo y admiro mucho, profundamente enamorada del diseño gráfico y web, reposteria, manualidades y fotografía.


Volver a la Portada de Logo Paperblog