Cara Membuat Table Keren Di Blog Dengan Bootstrap

Cara Membuat Table Keren Di Blog Dengan Bootstrap

Bootstrap adalah framework yang dibuat oleh tim Twitter untuk membangun website Twitter itu sendiri. Framework Bootstrap dapat digunakan oleh siapapun karena berstatus opensource dan bisa dimanfaatkan untuk keperluan pembuatan web mulai dari kerangka hingga css yang tentunya harus dikombinasikan dengan berbagai modul lainnya.

Banyak web developer menggunakan Bootstrap sebagai pilihan framework terbaik untuk digunakan sebagai karangka web mereka karena tergolong framework yang user-friendly dan disukai oleh orang-orang. Beberapa contoh website besar yang dibangun menggunakan framework Bootstrap adalah NBA, FOX News, Reuters, Bloomberg dan Walmart.



Selain keperluan web developer membuat kerangka dan desain website, Bootstrap juga bisa digunakan untuk membuat elemen di Blogspot atau web berbasis HTML. Kamu bisa memanggil kode Bootstrap melalui JavaScript yang sudah di sediakan pada situs resmi Bootstrap atau salin kode dibawah ini.



Terapkan kode tersebut pada bagian header template blog kamu, atau letakkan tepat diatas kode <*/head> (hapus tanda bintang).

Jika sudah, maka kamu bisa memanggil elemen Bootstrap di artikel atau halaman. Beberapa elemen yang bisa di panggil adalah Table, Button, Form, Tooltip, dll.

Karena pada artikel ini saya ingin berbagi Cara Membuat Table Keren Di Blog Dengan Bootstrap, jadi saya skip untuk yang lainnya. Tapi jika kamu ingin menerapkan elemen selain table, bisa mengikuti cara ini, tentu dengan kode pemanggilan yang berbeda ya.


Cara Membuat Table Keren Di Blog Dengan Bootstrap



1. Buat artikel atau halaman baru untuk eksperimen. Ubah pengaturan penulisan ke mode HTML.

Mode HTML


2. Panggil elemen Bootstrap dengan kode sebagai berikut pada isi artikel atau halaman :



Kode ini akan menghasilkan table kurang lebihnya seperti ini :

Table Bootstrap


3. Jika sudah, lihat preview artikel atau halaman eksperimennya.


Apabila table muncul sesuai dengan contoh diatas, berarti kamu sudah berhasil menerapkan Bootstrap pada blog kamu dan bisa memanggil elemen lain yang kamu butuhkan.

INFO : Untuk mempercantik bentuk table, kamu juga bisa menggunakan warna-warna yang sudah di sediakan dalam Bootstrap itu sendiri, hanya dengan menambahkan beberapa baris kode lagi. Silahkan lihat disini untuk warna yang tersedia.

Jika kamu rasa artikel ini bermanfaat dan layak dibaca oleh orang lain, jangan ragu untuk membagikannya kepada teman-teman atau saudara dengan meng-klik tombol sosial media diatas ini.

0 komentar:

Posting Komentar

Artikel Terpopuler



DMCA.com Protection Status