Explore artikel
Ada 473 artikel dalam post Arsip Artikel Petani Kode.
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.
Tutorial Google Maps API: Menampilkan Peta Google Map di dalam Web
Google Maps merupakan produk Google yang memungkinkan kita melihat peta dari seluruh dunia. Bahkan tidak hanya peta, Google Maps juga menyediakan Citra dari beberapa lokasi bangunan, jalan, dan lain-lain. Apa itu Google Maps API?Google Menyediakan Google Maps API yang memungkinkan kita membangun aplikasi dengan memanfaatkan Google Maps.
Tutorial CSS: Membuat Style untuk Badge Notifikasi
Badge notifikasi sering kali kita temukan dalam website maupun aplikasi. Terkadang badge tersebut menggoda kita untuk mengelik link atau tombol notifikasi. Itulah fungsinya, agar user tau, di sana ada sesuatu yang baru. Badge biasanya dilengkapi dengan angka penghitung. Framework antarmuka semacam Bootstrap sudah menyediakan class sendiri untuk pembuatan badge. Namun, karena badge yang dihasilkan tidak sesuai seperti harapan, maka kita harus membuatnya sendiri. Kode CSS.badge-notif { position:relative; } .badge-notif[data-badge]:after { content:attr(data-badge); position:absolute; top:-10px; right:-10px; font-size:.7em; background:#e53935; color:white; width:18px; height:18px; text-align:center; line-height:18px; border-radius: 50%; }Pada kode CSS di atas, kita mengambil isi badge dari atribut data-badge. Untuk posisi badge dapat diatur dalam properti top dan right. Warna, ukuran, font, background dll. bisa diatur sendiri sesuai selera. Penggunaan di HTMLElemen yang ingin menggunakan badge yang dibuat tadi harus menambahkan class badge-notif dan sebuah atribut data-badge untuk konten badge-nya. Contoh: Pada Tombol <button class=“badge-notif” data-badge=“12”>Notifikasi</button>Pada Link <a href="#!" class=“badge-notif” data-badge=“22”>Pesan</a>DemoJS Bin on jsbin.com
Ini yang Saya Lakukan untuk Munguasai Dasar Bahasa Python dalam Sebulan
Selamat pagi semua, sudah santap sahur? Ya, akhirnya kita sudah sampai pada bulan Ramadhan. Jadi teringat bulan ramadhan dua tahun yang lalu. Saat itu, sehabis santap sahur, saya mengikuti kursus pemrograman Python di Codecademy. Sahur kode (ngoding sehabis sahur), saya lakukan setelah santap sahur sambil menunggu waktu imsak dan adzan subuh tiba… (ditemani secangkir kopi hangat)
Tutorial Codeigniter #09: Membuat Fitur Login untuk Admin
Pelajari cara membuat fitur login untuk Admin di Codeigniter dengan Library session bawaan Codeigniter.
Menulis Rumus Matematika di HTML dengan MathJax
Rumus matematika biasanya akan sering kita temui pada web pendidikan atau akademis. Contohnya seperti ini: Rumus matematika di HTML sebenarnya bisa kita tampilkan dengan gambar. Namun, tidak interaktif dan dinamis. Selain dengan Gambar, kita juga busa menampilkannya dengan MathML. MathML adalah sebuah bahasa markup yang khusus untuk menulis rumus matematika di HTML dan XML.
Menghitung Akar Kuadrat dan Akar Kubik dengan Java
Pada pelajaran Matematika, kadang kita sering menemukan perhitungan akar. Contoh, akar kuadrat dari 25 adalah 5, karena 5x5=25, bisa ditulis: $\sqrt{25} = 5$. Lalu kalau akar kubik dari 27 adalah 3, karena 3x3x3=27, bisa ditulis: $\sqrt[3]{27} = 3$.
Konversi Bilangan Desimal ke Bilangan Biner di Java
Konversi bilangan desimal ke biner sangat mudah dilakukan di Java, karena ada method atau fungsi yang sudah disediakan untuk melakukannya. Berikut ini tampilan program konversi yang saya buat dengan Java (Swing).