Explore Artikel
Daftar artikel di Petani Kode.
Cara Cepat Modifikasi Navbar Bootstrap
Ada dua jenis warna pilihan navbar yang ditawarkan Bootstrap: Warna putih (navbar-default) dan warna hitam (navbar-inverse). Selain dari dua warna tersebut, kita harus memodifikasinya sendiri. Pada kesempatan ini, saya akan berbagi cara cepat memodifikasi navbar Bootstrap dengan cepat. 1. Menggunakan GeneratorAda sebuah generator canggih yang dibuat oleh Samuel Marchal . Kita dapat menentukan warna navbar bootstrap sesuai selera. Kemudian akan diberikan kode CSS, LESS, SCSS, dan SASS yang dapat kita gunakan langsung.
Mengatasi Masalah Posisi Titik Tengah Google Maps pada Modal
Saat membuat Google Maps pada Modal di template Admin LTE, ada masalah yang membuat saya bingung. Posisi titik tengah Google maps selalu berada di pojok kiri atas. Meskipun saya sudah set titik tengahnya pada trigger event resize, namun tetap saja posisinya berada di pojok kiri atas. Setelah digeser: Sementara itu, kode yang saya gunakan saat event modal ditampilkan. $("#modal-peta").on("shown.bs.modal", function() { google.maps.event.trigger(peta, "resize", function() { peta.setCenter(peta.getCenter()); }); }); Ternyata ada yang salah dengan kode tersebut.
Apakah Fungsi `!important` pada CSS dan Kapan Harus Menggunakannya?
Memahami fungsi !important pada CSS dan kapan waktu yang tepat menggunakannya?
Membuat Bot Telegram Tanpa Menulis Kode Program (Coding)
Bagi sebagian orang—khususnya yang bukan programmer—mungkin akan merasa kesulitan membuat Bot Telegram… Karena tidak memiliki kemampuan pemrograman/coding. Tapi tenang saja… Kita masih bisa membuat Bot tanpa harus menulis satu baris kode pun. Caranya? Caranya menggunakan bot yang sudah dirancang khusus untuk pembuatan membuat bot. Pada kesempatan ini, kita akan belajar membuat Bot sederhana yang berfungsi untuk membaca RSS Feed Reddit. Catatan: Reddit sudah lama diblokir di Indonesia. Kemungkinan tidak bisa diakses dari jaringan anda.
Cara Setup SSH Key untuk BitBucket Biar Gak Perlu Lagi Password
Kita bisa nge-push kode ke Bitbucket melalui dua protokol, yakni HTTPS dan SSH. Jika kamu menggunakan HTTPS, maka kamu akan diminta untuk memasukkan password di setiap kali nge-push. Namun, jika kamu pakai SSH.. ..maka kamu tidak perlu melakukan itu. Tapi masalahnya: Kita membutuhkan SSH Key untuk bisa nge-push melalui SSH. Jika kamu paksakan tanpa SSH Key, maka akan terjadi error seperti ini: Permission denied public key Ini artinya kita belum memiliki SSH Key yang valid untuk Bitbucket.
Tutorial HTML: Cara Membatasi Nilai Input Maksimum dan Minimum pada Form
Atribut min dan max merupakan atribut untuk membatasi nilai maksimum dan minimum yang boleh diinputkan pada form. Atribut ini biasanya digunakan pada inputan yang berkaitan dengan angka. Misalnya tidak boleh menginput angka negatif, angka lebih dari 10, tanggal kurang dari tahun 2000, dsb. Sedangkan untuk inputan berupa teks, atribut ini tidak bisa bekerja. Mari kita coba langsung dengan contoh: Tidak Boleh input Angka Negatif pada FormAgar tidak bisa menginputkan anka negatif, maka kita perlu batasi nilai minimalnya menjadi nol (0).
Mengatasi Peta (Google Map) yang tidak Ditampilkan di Modal
Ketika saya menggunakan modal untuk menampilkan peta (Google Maps), petanya tidak mau tampil. Entah mengapa? setelah ukuran layarnya di-resize, petanya bisa tampil. Mungkin karena div di dalam modal bersifat dinamis atau responsif. Peta kosong, hanya ada warna abu-abu. Solusi dari masalah ini saya temukan di Stackoverflow. MarcoK memberikan penjelasan jawaban atas masalah ini. Google Maps memang akan menampilkan area abu-abu (grey) kalau ditempatkan di elemen dinamis. Oleh karena itu, kita perlu memanggil fungsi “resize” ketika animasi modal sudah selesai.
Tutorial Google Maps API: Cara Menggunakan Info Window untuk Menampilkan Informasi
Info Window adalah objek yang digunakan untuk menampilkan informasi pada suatu titik koordinat tertentu. Biasanya digunakan bersamaan dengan marker. Contoh Info Window: Info Window dapat kita isi dengan kode HTML. Sehingga data yang ditampilkan di dalam jendela Info Window bisa kita berikan style CSS agar terlihat menarik. Cara Membuat Info WindowPertama yang harus kita buat adalah isi atau informasi yang akan kita tampilkan di dalam info window. var contentString = '<h3>Hello Dunia!
Tutorial Google Maps API: Membuat Marker untuk Menandai Lokasi
Marker sering digunakan untuk menandai sebuah lokasi. Biasanya sering digunakan dalam membuat aplikasi Geolocation. Pada kesempatan ini, kita akan belajar membuat marker di Google Maps dan melakukan beberapa modifikasi. Kamu bisa menggunakan contoh kode sebelumnya untuk uji coba. Sudah siap? Mari kita mulai… Mengenal Objek MarkerMarker merupakan sebuah objek yang bisa kita buat dengan kode berikut: var marker = new google.maps.Marker({ position: new google.maps.LatLng(-8.5830695,116.3202515), map: peta }); Terdapat dua properti penting yang harus diberikan ke marker: