Bootstrap adalah CSS Framwork open source yang dibuat oleh developer Twitter. Bootstrap dapat mempercepat pembuatan template web dan blog, karena kita tidak membuat kode CSS dari awal.

Bootstrap saat ini sudah mencapai versi 4. Versi ini banyak membawa perubahan besar dari versei sebelumnya. Salah satunya adalah penerapan teknik layout menggunakan sistem flex.

Lalu bagaimana cara kita membuat template blogger dengan Bootstrap?

1. Impor Boostrap ke Template

Boostrap dapat digunakan pada template blog dengan mengimpornya melalui CDN.


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
Kode tersebut diletakkan pada tag <head>.



Lalu untuk javascriptnya di letakkan dibuagian akhir sebelum tutup <body>.


<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
Taruh kode di atas di dalam template seperti ini:


Setelah itu, kita tinggal mulai membuat template dengan Bootstrap.

2. Membuat Template Blogger dengan Bootstrap

Untuk bisa membuat template Blogger dengan Bootstrap, kamu harus paham beberapa hal:

  1. CSS dan HTML Dasar
  2. Konsep Template Blogger dan Strukturnya
  3. Framework Bootstrap
  4. Javascript dan JQuery
Apabila kamu belum paham dengan hal di atas...

...tenang, kamu bisa membeli template yang saya buat ini dan juga memesan kustom template di saya.