Cara Instal Bootstrap Di Blogger - Blogspot

Cara Instal Bootstrap Di Blogger - Banyak Pengguna Blogger Yang Bingung Soal Bootstrap. Mungkin Banyak yang mempunyai keinginan untuk aplikasikan bootstrap di blogspot mereka, tapi Bingung step-step nya. Ya, sambil belajar bareng mari kita coba buat bootstrap di blogger.

Langkah-langkahnya:
1. Download File Bootstrap
2. Upload di Google Drive
3. Pemasangan di Blogspot

Download File Bootstrap

Untuk versi terbarunya bisa di download di https://github.com/
File nya terus di update, jadi nanti kita bisa ikuti perkembangannya.
- Download file tersebut, hasil download berupa zip file
- Extract file ke folder yang Anda tentukan. File zip tersebut terdiri dari file css, images dan js

Upload di Google Drive

- Sementara 2 file aja dulu yang di upload di Google Drive. Baca Tutorial: Host JavaScript di Google Drive.
- File yang diupload adalah file bootstrap.min.css dan bootstrap.min.js

Pemasangan di Blogspot

Nah, ini langkah terpenting.
- Login Blogger
- Klik Template
- Klik Edit HTML
- Masukkan script bootstrap yang sudah diupload di atas </head>

Nah, setelah script ditambahkan Anda mulai bisa menggunakan class-class bootstrap.

Kalau Mau Mudah,

Kalau bingung cara upload file dan pasangnya, cukup satu langkah dengan menambahkan kode berikut di atas </head>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://html5shim.googlecode.com/svn/trunk/html5.js' type='text/javascript'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"/>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"/>

Jika, sudah silahkan Simpan Template Anda. Sekarang Anda mulai bisa menambahkan berbagai component dengan mudah. Untuk penambahan elemen silahkan lihat di: Componen . Bootstrap

Sekarang sudah update versi 3: http://getbootstrap.com/

Source : http://networkedblogs.com/Or8ly