Rating

Ingin Memasang Template Bootstrap di Xtgem, Begini Caranya!

cara memasang template bootstrap di blog xtgem
Pasang Template Bootstrap di Xtgem

Pengguna blog Xtgem, kamu mungkin pernah mendengar tentang Bootstrap. Jika kamu tertarik dan ingin membuat tampilan web yang lebih responsive dan dinamis, maka penerapan template bootstrap untuk blog Anda adalah pilihan yang tepat.


Dalam beberapa tahun terakhir, hampir semua blog atau situs web di dunia yang menggunakan template statis, kini sudah beralih memakai kerangka web dinamis baru yang memiliki interaktivitas reaktif tanpa refresh halaman dengan menggunakan template Boostrap. Kalau kamu pernah berkunjung ke website mereka, disana kamu pasti melihat tampilan desain yang sangat memukau dan indah untuk di pandang.

Sebelum kita melangkah ketahap pemasangan template Boostrap di blog Xtgem, alangkah baiknya kamu mengenal lebih jauh apa sebenarnya Bootstrap itu? dan apa keuntungannya menggunakan Bootstrap bagi Anda? So, mari kita cari tau.

Apa itu Bootstrap?

Bootstrap adalah kerangka kerja front-end untuk HTML, CSS, dan JavaScript yang dibuat dan dikembangkan oleh Twitter dengan tampilan desain web yang responsive dan mobile first. Bootstrap dirancang sebagai kit starter untuk tata letak UI web dinamis yang memanfaatkan CSS dan Javascript untuk pengalaman pengguna yang luar biasa.

Manfaat Menggunakan Bootstrap

Bootstrap memiliki sejumlah fitur yang menguntungkan bagi kamu, sehingga ini membuat blog Anda lebih mudah dan menyenangkan untuk digunakan. berikut beberapa manfaat dari menerapkan template Bootstrap di blog Xtgem.

  • Responsive: Bootstrap dioptimalkan agar sesuai dengan berbagai ukuran layar di semua platform seperti: desktop, tablet, dan telepon seluler. Plus memungkinkan halaman untuk mendeteksi ukuran dan orientasi layar secara otomatis menyesuaikan tampilannya.
  • Mobile First: Pendekatan seluler pertama atau gaya seluler pertama dibandingkan dengan desktop. Hal ini berarti penggunaan lebar maksimal dalam permintaan media dan pengkodean akan tampak lebih menarik dan terlihat lebih indah di perangkat layar yang lebih kecil.
  • Ramah Peramban: Bootstrap kompatibel dengan semua browser saat ini, seperti Chrome, Internet Explorer, Firefox, UC Browser, dan Operamini.
  • Mudah digunakan: Bootstrap sangat mudah diterapkan dan dipasang pada semua blog atau website. Kamu hanya perlu pengetahuan tentang HTML dan CSS untuk mulai menggunakannya.

Baca Juga: 7 Cara Cepat dan Mudah Membuat Blog di Blogger untuk Pemula

Cara Memasang Bootstrap di Blog Xtgem

Untuk memasang template Bootstrap di blog Xtgem caranya sangat mudah, kamu bisa mengikuti tutorial di bawah ini.

Langkah 1

Pertama, kamu harus mendownload terlebih dulu css Bootstrap ini Bootstrap 3.3.7.

Langkah 2

Setelah berhasil di download, kemudian Ekstrak dan upload semua komponen Bootstrap di blog Xtgem dan buat folder sesuai dengan nama file foldernya masing-masing, contoh: style/assets/css/filenya.

Langkah 3

Kemudian copy alamat link hasil uplod-an tadi (ambil link bootstrap.css, bootstrap.min.css dan bootstrap.min.js), terus masukkan linknya pada kode pemanggilan css di bawah ini:
<link rel="stylesheet" type="text/css" href="LINK_BLOG/style/assets/css/bootstrap.css" media="all,handheld"/>
<link href="LINK_BLOG/style/assets/css/bootstrap.min.css" rel="stylesheet">

Catatan
--> Ganti LINK_BLOG dengan URL blog Anda.

Langkah 4

Setelah di copy, letakan di headtags (taruh kodenya paling atas) atau di header di bawah kode <head>

Langkah 5

Kemudian masukkan juga kode ini paling bawah, di atas kode </body>
<script src="https*//ajaxgoogleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js</script>
<script src="LINK_BLOG/style/assets/js/bootstrap.min.js"></script>

Catatan
--> Ganti LINK_BLOG dengan URL blog Anda

--> Ganti tanda * menjadi :
Baca Juga: Ingin Tahu Tips Mendapatkan Domain Murah Meriah dari Namecheap? Begini Caranya!

Kesimpulan

Dengan Bootstrap, kamu dapat mengelola blog Xtgem dengan relatif mudah. Kamu juga tidak perlu lagi menghabiskan waktu berhari-hari untuk mendesain tampilan blog Anda. komponen-komponen Bootstrap ini akan membantu kamu membuat struktur Navagasi, tata letak halaman, widget gambar yang responsif dan banyak lagi, karena Bootstrap memanfaatkan perpustakaan Javascript JQuery sendiri untuk memfungsikannya.

Jadi, sangat cepat dan mudah bukan? cara pemasangan template Bootstrap pada blog xtgem Anda. Jika kamu masih kurang jelas atau ingin menambahkan sesuatu ke dalam tutorial ini, silakan berkomentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel