Blogger merupakan salah satu platform blog yang paling terkenal saat ini. Apakah bisa menggunakan Bootstrap di akun Blogger
 |
| 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
kira" kalau pakai boostrap bakal memperlambat loading blog ga?
BalasHapustergantung sebarapa banyak kita gunakan sourcenya gan, yang pasti sedikit akan memperlambat blognya karena ada source tambahan, jadi pakai source yang sesuai
Hapustergantung sebarapa banyak kita gunakan sourcenya gan
BalasHapusDi kode ada integrity dan crossorigin.
BalasHapusItu fungsinya apa, ya? 🤔
Itu kodenya dari Bootsrap CDNnya
Hapussecara 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
numoang tanya... tidak semua template blogger bisa menggunakan bootstrap kah? saya sudah ikutin caranya tetapi malah blog saya jadi ada yang error....
BalasHapussepertinya begitu bang, ada tema mungkin yang tidak compatible tapi selama saya makenya masih bisa digunakan
Hapus