Minggu, Juli 5, 2020
Keyword Pemrograman

Tag: Pemrograman

Bootstrap Live Filtering Dropdown, Temukan Item Lebih Mudah & Cepat !

Sebetulnya dropdown ini bisa dimanfaatkan lebih daripada sekedar digunakan sebagai dropdown menu, misalnya digunakan untuk menampilkan beberapa data user, tag, atau kategori. Namun kelemahannya dropdown ini akan terlihat jelek jika...

Membuat Angka Romawi Besar & Romawi Kecil di HTML

Secara default, ketika membuat list (li) di HTML akan menampilkan sebuah titik hitam di setiap barisan
  • tersebut, perlu menambahkan beberapa atribut agar dapat disesuaikan seperti menggantinya dengan angka atau abjad salahsatunya...
  • Table Terlalu Banyak Tampilkan Data ? Buatlah Sistem Search / Filter Seperti Ini !

    Struktur kode ini akan membuat table dan kolom pencarian seperti yang ditunjukkan pada gambar di atas, ini belum bisa digunakan karena memerlukan jQuery untuk bisa filter / menyaring hasil pencarian. Seperti yang terlihat pada kode...

    Kumpulan Nama-Nama class Bootstrap yang HARUS Kamu Ketahui

    Setelah mempelajari beberapa tutorial dan tips Bootstrap di postingan-postingan sebelumnya dalam kategori Bootstrap, saat ini dapat kita kumpulkan nama-nama class Bootstrap yang tersedia dan pernah kita gunakan pada pos-pos sebelumnya agar...

    Bootstrap Checkbox & Radio States (Enabled / Disabled)

    Tidak berbeda jauh dengan elemen lainnya pada Bootstrap, cukup gunakan class disabled maka Checkbox dan Radio tidak dapat dicentang / dipilih. Pada beberapa kondisi, disabled dibutuhkan agar tidak dapat dipilih / dicentang. Misalnya...

    Membuat Multiple Select Responsive di Bootstrap, Pilih Lebih dari Satu Option !

    Seperti yang terlihat pada contoh di atas, multiple select memungkinkan para pengguna untuk memilih lebih dari 1 pilihan yang ada dengan cara menekan CTRL + klik pada opsi-opsi yang ingin dipilih atau...

    Media Object Bootstrap – Nested dan Alignment (Horizontal & Vertikal)

    Selain Nested, kamu juga dapat menentukan rata vertikal dari masing-masing Media Objects. Contoh  di atas hanya menggunakan default (rata atas secara vertikal), kamu dapat menggunakan class media-top, media-middle...

    Mengatasi Galat WordPress “Error Establishing a Database Connection”

    Database bisa saja rusak disebabkan oleh banyak hal, salahsatunya adalah sering melakukan perpindahan tempat (server) dengan cara yang salah. Jika kamu pernah melihat pesan...

    Cara Membuat Carousel Bootstrap

    Seperti yang terlihat, panah kanan dan kiri itu menggunakan ikon dari Glyphicons yang merupakan salahsatu bagian dari Bootstrap 3. Jika menggunakan Bootstrap 4...

    Membuat Dropdown Select di Bootstrap, Hanya Dapat Pilih Satu Saja !

    Untuk membuat dropdown select pada Bootstrap tidak sulit, cukup salin kode berikut dan tempelkan di situs Bootstrap di mana ingin menampilkan dropdown select...

    Cara Membuat Tooltip Bootstrap

    Kamu juga dapat menggunakan auto jika ingin membiarkan browser yang memutuskan posisi terbaik dimana popup Tooltip di tampilkan, ini sangat bermanfaat jika kamu menampilkan Tooltip di area yang sempit. Contoh...

    Scrollspy Bootstrap

    Scrollspy ini akan menyorot (highlight) menu ketika layar tampilan visitor sedang membuka bagian dari menu tersebut. Berikut ini sturktur kode yang dapat digunakan untuk membuat...

    Mengatasi Share Facebook Tidak Muncul Gambar, Apakah Disebabkan oleh Kesalahan Markup Open Graph ?

    Pastikan teredia OG:Image dengan URL gambar yang ingin ditampilkan, periksalah URL gambar tersebut, pastikan sudah benar agar gambar berhasil tampil. OG:image tersebut yang akan menjadi post thumbnail ketika dibagikan ke Facebook. Letakkan markup OG di bagian pada setiap halaman manapun yang ingin diautr Open Graph nya ketika dibagikan ke Facebook...

    Cara Membuat Popover Bootstrap

    Bagaimana jika tempat untuk menampilkan Popover ini selalu berubah-ubah ? Posisi mana yang tepat untuk menampilkan Popover ? Kamu dapat memanfaatkan data-placement="auto", browser akan memutuskan posisi mana yang...

    Bootstrap Accordion

    Pada contoh di atas, Accordion 1 secara default akan otomatis terbuka ketika halaman selesai loading. Ini disebabkan oleh class in pada panel body Accordion 1. Jika tidak ada Accordion yang menggunakan class in, maka...

    Checkbox & Radio Bootstrap – Vertical & Horizontal

    Kotak centang atau yang lebih dikenal Checkbox merupakan sebuah kotak kosong secara default yang dapat dicentang dengan cara di klik, umumnya ini digunakan pada...

    3 Struktur Dasar Form Bootstrap yang HARUS Kamu Ketahui Saat Membuat Form

    Pada dasarnya, formulir adalah kumpulan beberapa bidang / field yang disatukan untuk mencapai tujuan pengiriman (submission). Formulir pendaftaran, formulir login, komentar, dan banyak lagi...

    Macam-Macam Navbar Bootstrap dan Cara Membuatnya

    Navigation Bar atau yang biasa disingkat Navbar merupakan kumpulan item menu sebagai petunjuk yang umumnya diletakkan dibagian atas sebuah tata letak situs, banyak jenis...

    Apa Itu BreadCrumbs ? Bagaimana Cara Membuatnya di Bootstrap ?

    Apa itu BreadCrumb ? Bahasa Indonesianya adalah potongan roti, dianggap sebagai potongan roti karena pada umumnya BreadCrumb dipisahkan dengan garis miring (/). Contoh: Home...

    Dynamic Tabs & Pills – Bootstrap

    Pada dasarnya, membuat menu di HTML menggunakan framework Bootstrap cukup dengan ul, li, dan class untuk navbar saja. Ketika berpikiran untuk membuat sebuah tab...

    Most Read

    Apa Artinya Larung / Dilarung?

    Dilarung merupakan kata dari bahasa Indonesia yang jarang didengar sehari-hari karena memang jarang digunakan, artinya pun masih mengandung kata lainnya. Kata ini pasti...

    Kata-Kata yang Diucapkan Hero Mobile Legends LUO YI dan Kisah Ceritanya

    Ini membuat Dewa Naga, yang mencintai perdamaian merasa iba. Oleh karena itu, ia dan temannya, Black Dragon, memimpin banyak ras baru serta ras lama yang tidak ingin terlibat dalam peperangan ini untuk memulai migrasi yang belum pernah terjadi sebelumnya.

    RSUD Dr. Soetomo Surabaya Dipenuhi Pasien Covid-19, Kepala DinKes dan Wali Kota Turun Tangan Hadapi Masalah Ini

    RSUD Dr. Soetomo mengalami kepadatan pasien hingga Wali Kota Surabaya turun tangan untuk mengatasinya, Kepala DinKes Surabaya juga memberikan himbauan kepada RSUD Dr. Soetomo agar memulangkan para pasien Covid-19

    Apa Artinya Endemi?

    Selain istilah Epidemi dan Pandemi, ada satu istilah yang termasuk ke dalam istilah Epidemiologi lainnya adalah Endemi. Endemi sangatlah berbeda dengan epidemi dan pandemi. Bisa dikatakan bahwa Endemi ini merupakan awal mula dari...