Pake Bootstrap di Blogger?, Bisa

Blogger merupakan salah satu platform blog yang paling terkenal saat ini. Apakah bisa menggunakan Bootstrap di akun Blogger
akun boostrap
Boostrap

Bootstrap di Blogger

Ladangtekno,-Blogger merupakan salah satu platform blog yang paling terkenal saat ini. Blogger dimiliki oleh Google dan saat ini sudah ada ratusan juta pengguna yang menggunakan blogger.

Apakah sobat ingin menggunakan bootstrap di blog sobat?,

Jika iya, sobat bisa menggunakannya. sobat bisa langsung memasukan CSS dan JS dari Bootstrap yang bisa sobat download dari laman Bootstrap atau bisa menggunakan Cdn (Content Delivery Network atau Content Distribution Network) yang disediakan oleh bootstrap (kedua ini nanti akan dibahas di tutorial)

Apa itu Bootstrap?

Sekarang kita bahas dulu sedikit apa itu Bootstrap. Bootstrap merupakan sebuah framework CSS yang dapat digunakan untuk mempermudah dalam mendesain sebuah blog. jadi anda tinggal memanggil saja id atau kelas yang sudah dimasukan dalam frame work yang Bootstrap.

Jika anda ingin menambahkan CSS buatan anda sendiri bisa melakukannya dengan membuat custom CSSnya dan bisa untuk menumpuk CSS dari Bootstrap.


Cara memasang CSS Boostrap untuk Blogger

Seperti yang telah disebutkan diatas, kita bisa menggunakan dua cara untuk memasukan CSS Bootstrap ke Blogger. Pertama bisa menggunakan cara biasa yaitu dengan mengcopy CSS Bootstrap yang sudah di download dan menggabungkannya dengan file XML dari tempalte blog kita, cara ini mungkin akan membuat ukuran template blog menjadi lebih besar karena kita memasukan ribuan template CSS yang ada di framework Bootstrap.

Disini kita akan menggunakan cara yang kedua yaitu dengan menggunakan CDN yang sudah disiapkan oleh Bootstrap. Lewat CDN ini kita hanya perlu memasukan link dari tempat Bootstrap diupload oleh pihak Bootstrap, sehingga kita tidak perlu mendownload lagi CSS dari Bootstrap dan menggabungkannya dengan file XML blog kita.

Kelemahan dari cara kedua ini adalah kalau koneksi kita sangat lambat sekali, loading CSS di blog mungkin akan menjadi lebih lambat dari menggunakna CSS langsung di template.

Tapi dari keuntungan diatas, tentu pilihan kedua menjadi lebih menarik, karena lebih praktis dan bedanya ketika koneksi lambat biasanya tidak terlalu signifikan

ok sekarang kita langsung saja masuk ke tutorialnya untuk mulai memasang CSSnya ke template blog kita.

Anda bisa mendapatkan link Bootstrap CDNnya melalui link dibawah ini
bootstrapcdn

Kemudian untuk memasangnya di blog sobat bisa dengan masuk ke TEMA - Edit HTML (klik di titik 3 bagian atas kanan). Di dalam file HTML tersebut silahkan pertama cari kode untuk meletakan CSSnya. letakan di bagian head HTMLnya. Masukan kode dibawah ini (kode ini bisa di Copy dari halaman CDN Boostrap), bisa dibawah kode <head> atau diatas kode </head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

sedangkan untuk memasukan javascriptnya, silahkan bisa dimasukan diatas kode </body>. Kodenya seperti dibawah ini (kode ini bisa di Copy dari halaman CDN Boostrap)
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Sekarang sobat sudah bisa menggunakan CSS dari Bootstrap di Blog sobat, silahkan jika ingin mengetahui tutorial Bootstrap lebih lanjut bisa mengunjunginya di dokumentasi Bootstrap atau di link Dokumentasi Boostrap

Sekian dulu postingan dari saya, semoga bisa digunakan dengan seksama.

Ladangtekno

Tags:
blogger
ladangtekno

7 komentar:

  1. kira" kalau pakai boostrap bakal memperlambat loading blog ga?

    BalasHapus
    Balasan
    1. tergantung sebarapa banyak kita gunakan sourcenya gan, yang pasti sedikit akan memperlambat blognya karena ada source tambahan, jadi pakai source yang sesuai

      Hapus
  2. tergantung sebarapa banyak kita gunakan sourcenya gan

    BalasHapus
  3. Di kode ada integrity dan crossorigin.
    Itu fungsinya apa, ya? 🤔

    BalasHapus
    Balasan
    1. Itu kodenya dari Bootsrap CDNnya

      secara singkat untuk memastikan source yang dipake itu tidak ada diubah oleh pihak lain atau dialihkan, karena kita kan ngambil sourcenya dari CDN bukan dari blog kita langsung, untuk valdasilah

      Hapus
  4. numoang tanya... tidak semua template blogger bisa menggunakan bootstrap kah? saya sudah ikutin caranya tetapi malah blog saya jadi ada yang error....

    BalasHapus
    Balasan
    1. sepertinya begitu bang, ada tema mungkin yang tidak compatible tapi selama saya makenya masih bisa digunakan

      Hapus

komentar dengan bijak ya :)
please write comments wisely :)
EmoticonEmoticon