Learn More

Tuesday, November 12, 2013

Getting Started Bootstrap For Blogger

Bootstrap is one of the most famous framework for front-end website which originally created by designer and developer at twitter. With Bootstrap make you writeless in writing CSS, HTML, and Jquery. Now, this is the time we also use it for Blogger (getting started Bootstrap for Blogger). However, it is not easy to implementing Bootstrap with Blogger. Because, we can not perform our style directly. We only can edit all style we want from template XML. To help people around the world in integrating Bootstrap and Blogger then we (threelas) make tutorials for this.

Table Of Content

Bootstrap CDNExampleWhat Next


Bootstrap CDN

bootstrap example

Because Blogger is controlled by Google Server, so in practically we can't put our style of Bootstrap to Google Server. Of course we can use Google Code, or Google Drive of our custom Bootstrap. But, it is not always success to call your custom Bootstrap to Blogger. So, our suggestion is using Bootstrap CDN. Below is the Bootstrap CDN

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

Our suggestion too is always to check the latest Bootstrap CDN.

For more fast loading, we recommend you to put bootstrap js before </body>.

Example

To see how bootstrap is work on a web or blog, please see the example directly from Bootstrap. Currently, Threelas is using responsive template from Bootstrap. You can see how Jumbotron, Carousel, tooltip, panel, and other are work in this website.


What Next ?

Read the next tutorial about basic setting Bootstrap in Blogger.

Post a Comment