Tutorial: ¿Cómo colocar iconos con estilos CSS, en las entradas de Blogger?
Hoy les comentaré cómo integrar iconos en Blogger, desde la librería de Font Awesom, que cuenta con una variedad de iconos vectoriales y estilos CSS. Son más de 400 iconos que puede utilizar para lo que quieran: proyectos comerciales, proyectos de código abierto, etc.
Ventajas de utilizar iconos CSS en Blogger.
Font Awesome, además de ser un plugin gratuito, permite insertar
los iconos a través de CSS. Les ahorrará el trabajo de realizar diseños por cada
publicación, en caso de que el diseño no sea un asunto relevante en el
contenido y se utilice de forma decorativa.
Otra de las ventajas de utilizar estos iconos es que sustituyen
los gráficos vectoriales; al convertirse en fuentes, no se pixelan y permiten
cargar la página rápidamente.
¿Cómo insertar los iconos en las entradas de Blogger?
Es muy sencillo. Sigan los siguientes pasos:
1) Crear una nueva entrada en blogger.
2) Colocar vista Html, y pega la dirección de la librería:
3) En la misma vista html, copiar el siguiente código
Pueden dar tamaño a un “fa fa-iconos”, de la siguiente
manera:
<i
class="fa fa-coffee fa-xs"></i>
<i
class="fa fa-coffee fa-sm"></i>
<i
class="fa fa-coffee fa-lg"></i>
<i
class="fa fa-coffee fa-2x"></i>
<i
class="fa fa-coffee fa-3x"></i>
<i
class="fa fa-coffee fa-4x"></i>
<i
class="fa fa-coffee fa-5x"></i>
Para centrar el contenido:
<center><div><p
class="novedades"><i class="fa fa-search fa-5x "
style="color:#99CCFF" fa-align-center ></i></p>
Algunos ejemplos de cómo sacarle el mejor provecho a
Blogger, utilizando “fa fa-iconos”, se pueden ver en la siguiente publicación:
Eso es todo, esperamos que esta información te sea útil.
No hay comentarios.:
Publicar un comentario