Bootstrap en Blogger Diseño Personalizado para el Blog
Poner las Librerías de Bootstrap en Blogger es una buena opción si queremos tener diseños personalizados para nuestro sitio, actualmente es el Framework de diseño mas popular ya que contiene aspectos responsivos y sobre todo sus diseños pueden ser adecuados al gusto de cada uno de manera muy fácil. En este Post aprenderemos como añadir remotamente las librerías de Bootstrap a nuestro Blog.Entrar a Bootstrap y copiar el enlace de la Librería.
Para añadir las librerias que bootstrap ofrece solo tenemos que acceder a la pagina oficial de Bootstrap y se nos aparecera la opcion de Descarga, la cual si queremos trabajar en proyectos locales o con un propio servidor es la mejor opcion, pero en el caso de neustro Blog, lo tendremos que añadir remotamente asi que nos centramos en los enlaces que este nos da, asi como se muestra en la imagen:
En la imagen se muestran tres enlaces diferentes los 2 primeros son los estilos CSS personalizados de Bootstrap, que si ya usaste esta librería es obvio que lo sabes y el tercero es las librería .js que contiene todo el código Javascript requerida para algunas funcionalidades de Bootstrap la cual no funcionara correctamente sin antes Agregar la Librería de Jquery que en una entrada de este Blog enseñamos como hacerlo "Añadir Jquery en Blogger".
Añadir Bootstrap en Blogger
Ahora solo nos queda añadir esas librerías a nuestro Blog, así que nos vamos al menú Principal de Blogger y seleccionamos la opción Plantilla y luego Editar Html, así como se muestra en la Imagen:
Ahora solo nos queda añadir los códigos que copiamos de la pagina de Bootstrap después de la etiqueta <head> y antes de </head>.
Una ves que pegamos el código le damos en guardar plantilla y listo ya tendremos agregado en nuestro Blog todos los componentes que Bootstrap ofrece.
Error al Guardar Plantilla
Si se te genera un error al guardar la plantilla no te preocupes no es ningún problema grabe ni nada por el estilo, pasa que el editor de Blogger lee correctamente el cierre de las etiquetas Html y en el código que pegamos la etiqueta <link> no cierra correctamente con los estándares, así que solo al final tenemos que añadir el slash "/", en la imagen detallo lo que hay que hacer:
Y con esto problema solucionado ahora si ya no habrá problema al Guardar Plantilla.
Si conoces algún otro Framework de Diseño que podemos utilizar en nuestro Blog no Dudes en describirlo en los comentarios, Un gusto haber escrito para ustedes y recuerden compartir conocimiento nos da mas conocimientos.
Suscribirse a:
Comentarios de la entrada
(
Atom
)
No hay comentarios. :
Publicar un comentario