Source Code Membuat Menu Hover Menggunakan HTML Dan CSS

Source Code Membuat Menu Hover Menggunakan HTML Dan CSS
Daftar Isi Artikel

Asalamualaikum Wr Wb..
Salam Sejahtera untuk kita, Salam Hijau Hitam Untuk Sobat Hijau Hitam, Salam Kode untuk Sahabat Kodetani. :).

Khusus hari ini saya ingin membagikan source code lagi ni untuk temen temen code.
Source Code kali ini yaitu Menu Hover yang mungkin dapat membantu meringankan kawan kawan untuk mengerjakan tugas kuliah yang diberikan dosen.

langkah awal sama seperti biasa yaitu membuat file index.html dan style.css.
yang mana nantinya di dalam masing masing file yang telah kawan-kawan buat di isi dengan sebuah code program html dan css untuk membuat Menu Hovernya.
caranya sangat mudah sekali yaitu masukan code HTML kedalam file index.html. dan kode CSS kedalam file style.css
setelah itu simpan kedua file tersebut di dalam satu folder. lalu jalankan file index.html di browser kawan-kawan.

berikut adalh sorce codenya yang akan kita gunakan :

See the Pen hover saya by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.
Selamat menikmati code.. :)
silahkan dikembangkan dengan ide kreatif kawan kawan jika ingin di tambahkan.

salam code :)..
Ini Link
By Ini Link

Surat Al-Hujurat ayat 6 : يَا أَيُّهَا الَّذِينَ آمَنُوا إِنْ جَاءَكُمْ فَاسِقٌ بِنَبَإٍ فَتَبَيَّنُوا أَنْ تُصِيبُوا قَوْمًا بِجَهَالَةٍ فَتُصْبِحُوا عَلَى مَا فَعَلْتُمْ نَادِمِينَ "Wahai orang-orang yang beriman, jika datang seorang yang fasik kepadamu membawa berita, maka tangguhkanlah (hingga kamu mengetahui kebenarannya) agar tidak menyebabkan kaum berada dalam kebodohan (kehancuran) sehingga kamu menyesal terhadap apa yang kamu lakukan".

Subscribe

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>