Membuat Web Galery Menggunakan HTML Dan CSS

Membuat Web Galery Menggunakan HTML Dan CSS
Daftar Isi Artikel


Asalamualaikum Wr Wb..
Salam Sejahterah untuk kita semua. Semoga Allah SWT senantiasa memberi Rahmad dan Hidayahnya Kepada kita dalam menjalankan aktifitas sehari-hari Amin.. :)

Selamat malam buat Sahabat K0deTani dimanapun kalian berada.. :)

Dimalam ini saya akan membagikan source code web galeri menggunakan html dan css,
nah sebelum saya membagikan alangkah baiknya saya menceritakan sedikit bagaimana cara membuatnya.

Okay langsung aja ke TKP.. :)

Sama seperti tutorial sebelumnya yaitu membuka aplikasi text editor atau notpad, sublimetext juga bisa terserah mau yang mana. selera masing masing :).

buat file baru lalu beri nama index.html. lalu pastekan code HTML di dalam file index.html, dan begitu juga dengan code css masuka ke file style.css :

See the Pen NEWMee by Yusuf Syahmuda BatuBara (@yusuf-syahmuda-batubara) on CodePen.


menarik bukan..!!!

jika kawan kawan ingin mengembangkan lagi silahkan download source code lengkapnya disini
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>