Membuat Hello World Menggunakan VUE JS

Assalamualaikum Wr. Wb.

Man teman, kali ini kita akan belajar Vue JS. Salah satu framework dari Javascript.

Vue JS merupakan framework yang digunakan untuk membangun antarmuka pengguna. Yang mana Vue JS ini lebih ringan, mudah dipelajari, dan cepat kinerjanya.

Selain itu, Vue JS memiliki dokumentasi yang mudah diikuti dan source codenya yang mudah untuk dibaca. Dan untuk dokumentasinya, man teman bisa kunjungi (https://vuejs.org/v2/guide/).

Continue reading

Menambahkan Audio Pada HTML

Assalamualaikum Wr. Wb.
Sahabat Webhozz dimanapun berada, semoga sehat selalu ya, amin.

Oke pada kesempatan kali ini kita akan belajar memasang audio pada html.

Jadi, kita bisa memutar audio pada website. Selain itu, dilengkapi juga dengan controlnya.

Controlnya, seperti tombol pause, play, info durasi, bahkan setting volume suaranya.

Nah, penasaran gimana caranya??? Yuk kita coba sama-sama.

Continue reading

Atribut Required Pada HTML

Assalamualaikum Wr. Wb.

Sahabat Webhozz dimanapun berada, kali ini kita akan belajar tentang atribut required pada html.

Biasanya atribut ini pernah digunakan untuk form.

Nah, tentunya atribut required ini dipakai untuk meminimalisir kesalahan pemakai tiap input.

Misalkan ada salah satu kolom kosong karena lupa atau lain sebagainya, maka akan ada pesan validasinya.

Dengan tujuan agar si pemakai tahu akan kesalahannya tersebut.

Sebelumnya kita pernah bahas menggunakan Javascript, linknya ada disini (https://www.webhozz.com/blog/?s=validasi).

Itu kan pake javascript, pake html juga bisa kok.

Oke, kita langsung coba ya.

Continue reading

Membuat Thumbnail Post Sederhana Dengan HTML dan CSS

Membuat Thumbnail Post Sederhana dengan HTML dan CSS

Assalamualaikum Wr. Wb.

Teman-teman Webhozz dimanapun berada, gimana kabarnya nih???

Mudah-mudahan sehat dan bahagia selalu ya, amin…

Nah, pada kesempatan kali ini kita akan belajar membuat thumbnail post sederhana.

Sebelumnya, thumbnail post itu apa sih???

Oke, jadi teman-teman tentu aja pernah baca artikel di sebuah situs website.

Yang mana artikel itu biasanya berisi tentang tutorial maupun berita.

Continue reading

Membuat Full Page Background Website dengan HTML dan CSS

Assalamualaikum Wr. Wb

Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin. To the point aja, ya…

Alhamdulillah kali ini kita akan belajar membuat background website full satu halaman. Jadi, di halaman website yang kita buat akan penuh dengan gambar di latar belakangnya.

Oke, langsung aja kita mulai ya…

1. Buat file HTML baru, dan siapkan satu buah gambar. Sangat disarankan gambarnya dengan format landscape. Karena mengikuti format web browsernya. Continue reading

Penggunaan Popover Pada Bootstrap

Pada tutorial kali ini saya akan mengajarkan bagaimana  cara penggunaan Popover pada bootstrap. Popover ini hampir mirip sekali dengan tooltip, yaitu untuk menampilkan pesan yang terdapat judulnya. Namun yang membedakan dengan tooltip adalah penggunaan popover harus dengan  mengklik tombol atau kalimat tersebut, sedangkan tooltip kalian hanya mengarahkan kursor ke tombol atau kalimat tersebut maka akan muncul tooltip tersebut. Cara menggunakanya sangatlah mudah, kalian bisa ikuti langkah-langkah nya dibawah ini.

Pertama , buat file dengan nama popover_bootstrap.html . Kemudian ketikkan script di bawah ini ke dalam file Continue reading

Membuat Icon Title pada HTML

Assalamualaikum Wr. Wb.

Sobat Webhozz dimanapun berada. Gimana kabarnya kali ini? Semoga bahagia dan sehat selalu ya, amin.

O iya, pada kesempatan kali ini Webhozz akan berbagi ilmu lagi nih. Disini kita akan belajar tentang membuat icon title pada sebuah website. Tentunya kita akan membuat file dalam format HTML.

Sebelumnya, apa sih itu icon title? Oke icon title itu biasanya terletak di bagian atas sebuah website, alias judul website. Sebagai contohnya bisa perhatikan gambar di bawah ini yang ditunjukkan tanda panah merah.

Continue reading

Cara Memasukkan Google Maps ke dalam file HTML

Assalamualaikum Wr. Wb.

Para sobat Webhozz dimanapun berada, gimana kabarnya nih? Semoga sehat selalu nih, amin. Alhamdulillah pada kesempatan kali ini kita akan berbagi ilmu lewat tutorial lagi.

Pada kesempatan ini, kita akan membahas tentang penggunaan Google Map pada file HTML. Sebelumnya, tentunya kita pernah melihat sebuah website yang memiliki menu “Kontak Kami”, yang mana pada menu tersebut berisi tentang info kontak dan alamat sebuah perusahaan bukan? Nah, disitu ada gambar peta dari Google Map, Continue reading