Tentunya anda pernah mengisi atau mengomentari artikel di suatu website dan setelah anda menginput komen maka komen anda akan di tampilkan di bawah artikelnya atau di suatu box yang menampung komen anda. Pada tutorial kali ini saya akan mencoba membagi Cara Membuat Box Komen Menggunakan Bulma CSS Framework.

Tampilan website sangat berpengaruh pada kenyamanan pengguna website itu sendiri, maka dari itu kita harus membuat suatu website semenarik mungkin sampai hal-hal kecil seperti membuat box untuk komen para pengguna. Elemen .box pada bulma hanyalah wadah dengan bayangan, garis, radius, dan beberapa padding. Misalnya, Anda dapat menyertakan objek media. Nah dengan menggunakan elemen .box pada bulma, kali ini saya akan memberikan langkah-langkah Cara Membuat Box Komen Menggunakan Bulma CSS Framework:

– Pertama, anda download file bulmanya di situs bulma itu sendiri dan tempatkan pada folder project yang teman-teman buat.

– Kedua, anda ketikan kode html di bawah ini:

Untuk Penjelasan kode html-nya saya sudah berikan commenting pada kode di atas. Setelah selesai coba anda buka di browser masing-masing maka tampilannya akan menjadi seperti berikut:

Cara Membuat Box Komen Menggunakan Bulma CSS Framework

Dengan bulma kita dapat membuat suatu box komen yang simple dan menarik hanya dengan memberikan .box dan mengisikan beberapa elemen-elemen yang lain pada .box dengan hanya memanggil class yag sudah disediakan oleh bulma.

Sekian tutorial tentang Cara Membuat Box Komen Menggunakan Bulma CSS Framework. Semoga bermanfaat.