Sudah lama saya tidak memosting pada blog ini dikarenakan kesibukanku belakangan ini, yosh! kita akan bahas mengenai bagaimana Cara Membuat Single Button Dropdown.
Jadi sedikit gambaran button yang akan kita buat adalah button saat diklik maka akan muncul dropdown menu dibawahnya. oke langsung saja kita praktekan.
Sebelumnya untuk anda yang belum mengikuti tutorial sebelumnya anda dapat klik link dibawah ini.
Cara membuat Heading >>
Cara membuat Dropdown Menu >>
Yosh! langsung buka Adobe Dreamweaver anda atau aplikasi Text Editor lainnya seperti Notepad, Notepad++, Wordpad dll.
Buat file singlebuttondropdown.html dengan cara File > New > Html
Kemudian masukkan source code berikut
Simpan pada folder htdocs/latihan yang telah kita buat pada Tutorial sebelum-sebelumnya.
Setelah source code selesai diketik, maka kita lihat hasilnya, jangan lupa jalankan service Apache dan Mysql pada aplikasi Xampp.
Jika tidak ada kesalahan maka tampilannya akan seperti ini.
Terimakasih
Semoga bermanfaat
Jangan lupa like comment and subscribe blog dan channel youtube ku ya
Contact Me :
Google + : https://plus.google.com/u/0/+esaprasetio
Twitter : http://twitter.com/aphriell_art
IG : @aphriel_art
Pinterest : https://id.pinterest.com/esaprasetio/
Youtube : https://www.youtube.com/c/esaprasetio
Blog :
aprilartwork.blogspot.com for my artwork
aphriellart.blogspot.com for some tutorial
Email : aphriellart@gmail.com
Cara membuat Dropdown Menu >>
Yosh! langsung buka Adobe Dreamweaver anda atau aplikasi Text Editor lainnya seperti Notepad, Notepad++, Wordpad dll.
Buat file singlebuttondropdown.html dengan cara File > New > Html
Kemudian masukkan source code berikut
Simpan pada folder htdocs/latihan yang telah kita buat pada Tutorial sebelum-sebelumnya.
Setelah source code selesai diketik, maka kita lihat hasilnya, jangan lupa jalankan service Apache dan Mysql pada aplikasi Xampp.
Jika tidak ada kesalahan maka tampilannya akan seperti ini.
Untuk lebih jelasnya bisa anda tonton video tutorial berikut yang sudah saya buat.
Terimakasih
Semoga bermanfaat
Jangan lupa like comment and subscribe blog dan channel youtube ku ya
Contact Me :
Google + : https://plus.google.com/u/0/+esaprasetio
Twitter : http://twitter.com/aphriell_art
IG : @aphriel_art
Pinterest : https://id.pinterest.com/esaprasetio/
Youtube : https://www.youtube.com/c/esaprasetio
Blog :
aprilartwork.blogspot.com for my artwork
aphriellart.blogspot.com for some tutorial
Email : aphriellart@gmail.com
