Entrada destacada en blogger



El gadget o widget de blogger que permite destacar la entrada que queremos que aparezca como una entrada favorita en el blog o Entrada destacada tiene como objetivo mostrar una entrada publicada anteriormente que quizás los navegantes quieran volver a ver y que no tenga dificultad para buscarla, o quizás queramos destacar una publicación vieja que nos parezca importante.

Para agregar este  gadget  de Entrada destacada en blogger


  • Ir a diseño. Ver en que lugar lo vas a poner.
  • Click en añadir un gadget, seleccionar Entrada Destacada.
  • Realizar la configuración, que es muy básica, consiste en el titulo del gadget, el fragmento de la entrada y seleccionar la entrada a usar, 
  • Finalmente guardar después de que sea de tu agrado la vista previa.


Para personalizar el gatget entrada destacada

Plantilla ►Personalizar ►Diseñador de Plantillas ► Avanzado ► Añadir Código CSS Personalizado








En el recuadro pegar el siguiente Código:


/*----Entrada Destacada-----*/
.post-summary p{ /*resumen*/
color: #0C762E; /*color de la fuente*/
font-size: 180%; /* tamaño de la fuente*/
font-family:'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; /*tipo de la fuente*/
text-align: center;/*alineación del texto*/
}
.post-summary h3 { /*titulo de la entrada*/
font-size: 180%; /* tamaño de la fuente*/
text-align:center; /*alineación del titulo*/
}

Guardamos los cambios.

Si deseas utilizar otra imagen que no sea la predeterminada por blogger tenes que poner el siguiente código

.post-summary img{
content: url('URL de la imagen') !important;
}

Así tendrás personalizada la Entrada destacada de tu blog en blogger,



Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top