Hello teman teman kembali lagi di Codetemp,jadi pada tutorial kali ini kita akan membuat bottom bar menggunakan html dan css seperti contoh diatas ,hmm mudah apa sulit yah .Mudah kok cuman html sama css doang.yuk simak tutorialnya.
Jadi bottom bar yang akan saya buat kali ini adalah bottom bar yang ketika ukuran width/ lebar layar suatu device kecil maka bottom bar tersebut akan tampil,dan sebaliknya jika ukuran witdh devicenya besar maka bottom bar tersebut akan menghilang.
- Html
- Css
Pertama kalian membuat style nya dengan css,bisa dengan css eksternal bisa juga internal ,apa itu css internal yaitu kita bisa menulis langsung css di satu file dengan html,kalo yang eksternal yaitu kita membuat file terpisah dengan ekstensi .css dan juga harus dipanggil.Pada tutorial kali ini saya akan membuat menggunakan css internal biar ngga ribet njelasinnya.Ok kalian tulis script dibawah diatas tag </head>
Kedua kalian membuat sintax html dibawah dan letakan dibawah tag<body>
Gimana mudah bukan atau masih ada yang belum paham?.Oh ya untuk iconnya sendiri kalian bisa tulis script dibawah ini dan letakan dibawah tag<head> Selamat mencoba...
Jika masih belum paham kalian bisa tonton video tutorial ku di youtube ini
Untuk source code nya klick button dibawah
Google Drive
Download
Mediafire
Download
Jangan lupa untuk subscribe juga
Testing Coment Cara membuat bottom bar
BalasHapusTampilnya hanya di home bg, sementara di postingan tidak tampil
BalasHapusTinggal di include kan ke file postingan
Hapus