Yang tadinya saya awan dan gak Thu yg namanya Html & Css dll semenjak sering nonton dan sering saya peraktek kan Alhamdulillah sekarang Sudah sedikit paham baru satu Minggu nonton terima kasih mas
Saya jadi semangat mempelajari tentang web desain setelah tau channel ini terimakasih banyak pak dhika. sukses selalu buat channel Web Programming UNPAS.
kang Sandhi, mau nanya dong...kenapa gak ngerubah nya jadi inline-block aja daripada diganti positionnya ? makasih sebelumnya....btw video2nya amat sangat membantu, matur suwun kaang :)
Selamat malam Pak Dika dan temen-temen lainnya. Saya Mau bertanya, saya ada kasus teks dalam nya tidak muncul semua atau hanya sebagian. Bagaimana supaya bisa muncul semua ya padahal font-sizenya sudah diperkecil? terima kasih
mau tanya,. Kok pas saya ngasih border, gambar yg ada didalam div tiba2 ada ruang sisa tidak seperti punya pak sandika yg langsung ke cover tanpa ruang sisa? sudah saya coba pakai text-align, margin dsb tetep gak bisa.. terima kasih
Maaf izin tanya pak di menit 26:10 utk membuat li sejajar knapa tidak menggunakan display: inline-block; ,knapa bpk lebih memilih menggunakan float: left; mohon penjelasannya pak ?
pak kalo .gallery li, .gallery li img, .gallery li span { border-radius: 50%; } di jadikan satu jika ditampilan yang full akan menjadi bulat juga trus gmina pak??
@@holy2001 display flex itu, ada materi baru lagi. Sebenernya display gak cmn 3 setau gw, ada beberapa tambahan lagi kayak : Display : flex Display : grid
bang ada dika, boleh minta ajarkan membuat website degn menggunakan cms ndk? kami ada tugas ne makasih bang. saya dah banyak download video abng ne cuman cms yang belum ada
Bang sandhi.. perbedaan sintaks float dan display: inline-block apa ya? kan hasilnya sama tpi perbedaannya pada float, maka parentnya akan collapse, sedangkan inline-block gak, rekomendasinya lebih bagus gunakan yang mana bang?
selamat malam pak, adakah refrensi situs untuk mengecek codingan kita apa sudah benar secara struktur? atau dalam membuat hal seperti ini kita bisa bebas explorasi tanpa memikirkan strukturnya? Terimakasih
permisi pak dika mau tanya. itu kan di pak dika dijelaskan harus memakai clear.. menurut bapak optimal menggunakan clear atau untuk posisinya di container menggunakan absolute?
pak, itu kenapa (29:14) cssnya .gallery li span ? kan li di dalam ul, bukan harusnya .gallery ul li span? bedanya apa pak? kapan harus dimasukkan kapan tidak? sedangkan, .gallery span? kan bisa juga pak?
hallo mas Dhika, saya coba menerapkan tutorial ini ke file tutorial portfolio dengan bootstrap (NGOBAR) namun setelah link reset CSS dimasukan ke html smua font jadi berubah pak dan pading marginnya juga berantakan? apa untuk membuat Lightbox itu diperlukan reset CSS ya?
pak, disaat saya menambahkan gambar, itu ga pas ditengah dan ada space diantara border sama gambarnya gimana pak? sudah saya akalin pake width sama kayak gallery nya??
pak dika mau nanya kok saya pas tulis rgba udah ngikutin dari awal tutorial kok ilang ya tulisa rgba nya di code editor tapi hasil di browser sama ? apa ada yg salah di code editor atau gimana ya pak
Pak shandika kok di saya ukuran gambar dengan ukuran span nya gak sesuai pak.. malah ukuran span nya lebih ke kiri di bandingkan dengan image nya.. mohon penjelasan nya🙏 Trimakasih pak
udah ngikutin sampai selesai video ini, hasilnya ko titik list( bullet list ) ga hilang seperti yg dibuat pak sandhika ya??? solusi yg saya temukan dengan menggunakan ( list-style: none; ) di ( .galeri li ) yg saya ingin tanyakan bagaimana caranya bisa hilang list( bullet list ) seperti yg dibuat pa sandhika di video ini tanpa menggunakan ( list-style: none; ) di ( .galeri li )? terima kasih.
Maaf saya Nur Rizki, @Pak Dika saya minta izin bertanya. Ketika saya berusaha mencoba untuk memberikan background- image url di sebuah css yg berbeda folder dgn html untuk tag body, mengapa kok tidak muncul? Namun ketika saya letakkan dalam satu folder, background-image ini bisa muncul. Berbeda halnya ketika diberikan background color, meskipun berbeda lokasi folder tapi tetap muncul warnanya. Mengapa ini bisa terjadi yah Pak? Terimakasih
pas gambar punya lu berbeda folder dengan file HTML nya gini nih caranya background-image: url(img/contoh.png) atau kalau gambar punya lu ada di folder sebelum file HTML nya bisa pake background-image: url(../img/contoh.png) pake ".." jadi dia bakalan pindah ke folder sebelumnya. Tapi kalau bisa gambar nya di taroh di folder project aja jangan di luar folder project.
Mas sandi mau tanya, saya kan mau menampilkan banyak gambar di gallerinya, cara memisahkan jarak antar gambar baris 1 dan baris 2 gimana ya, ini rapet banget. Trims
Mas dhika, saya mau tanya. Saya lihat menu navigasi di situs ptpn3.co.id semula sekitar 20px dibawah logo perusahaan. Ketika di scroll kebawah, menu tersebut berhenti paling atas. Untuk menempatkan menu navigasi agar tidak bergerak, saya tau pakai position fixed. Tapi jika dari bawah, lalu berhenti, seperti situs ptpn3.co.id bagaimana mas. ?
itu bisa menggunakan javascript / jquery.. untuk menentukan ketinggian halaman, di ketinggian tertentu nanti sebuah elemen kita kasih kelas tertentu.. contoh tutorialnya mirip dengan NGOBAR#3
Kok pas ngasih hover di .gallery li a:hover span di kasih opacity 1, di browser ga terjadi apa2. pas gallery li span di kasih transition : 1s hovernya muncul pas di klik lalu hilang lagi. Kira2 knp ya padahal css saya pastiin mirip bgt. (Menit 33.08) Ada yg bisa bantu kah?
Terima Kasih Pak Dhika karena sudah membagikan ilmu ini secara gratis
Semoga Pak Sandhika selalu diberikan kesehatan dan tidak berhenti untuk sharing ilmu-ilmunya:D
Terima kasih Pak Dhika karena sudah sharing ilmunya secara gratis
makasih banyak ilmunya pak.... semoga bapak selalu dalam lindungan Allah dan berkumpul di akhirat kelak bersama nabi dan kekasih-Nya
videonya durasinya lama tapi sangat berbobot dan semuanya penting (y)
terimakasih Aldy.. 🙂
mantap comentnan mu
Yang tadinya saya awan dan gak Thu yg namanya Html & Css dll semenjak sering nonton dan sering saya peraktek kan Alhamdulillah sekarang Sudah sedikit paham baru satu Minggu nonton terima kasih mas
inspiratif.....keren... bener bener berkah..ilmunya... cocok kalau punya buku mas andre pratama..trs liat penjelasan dari pak dika.. dah klop banget..
Alhamdulillah bisa nemu chanel bermanfaat . . . .
Mantapp banget ngejelasinnya .. sukses terus mas
Terimakasih banyak pak awal2 memang sulit dipahami, setelah mengulang2 dan mencoba berkali2 baru paham.
Saya jadi semangat mempelajari tentang web desain setelah tau channel ini terimakasih banyak pak dhika.
sukses selalu buat channel Web Programming UNPAS.
Mengerikannn,, sangat jelass pemaparan nya 🙏🙏
terima kasih atas Prakteknya pak Semoga makin Semangat Bikin videonya
penjelasannya enak bener mas dika, jadi mudah mempelajarinya
Terimakasih marianto.. :)
Lumayan panjang videonya pak..
izin save untuk ditonton nanti malam, mumpung di kantor ada jaringan Wifi... :D
videonya panjang tapi membantu sekali lihat sampai habis dan jangan lupa di like
terimakasih ya agus.. :)
Makasih banyak Pak ilmunya, benar-benar bermanfaat. Sukses terus Pak
makasih banyak, sukses saya buat ini :))
Thank you mas....pembelajaran yg luar biasa..
Keren a, izin sedot ilmunya ya :)
Nuhun Rul.. mangga silahkan.. :)
Mas ada rencana mau buat tutorial untuk javascript? :D
Sejauh yang saya coba, tutorial mas shandika yang lebih paling lengkap dan mudah dimengerti.
Terimakasih Ahmad.. insyaallah javascript akan dibuat.. ditunggu aja ya.. :)
@@sandhikagalihWPU yang sesi codingnya pak
Alhamdulillah, mantap pak 👍
Terima kasih Mas Sandy....atas panduannya.saya tunggu video selanjutnya.....
wuihhhh 2021 masih seru nontonnya:) thanks kak
Mantap pak, izin download yakk
ditunggu part 2 nya.. :)
Yang error' coba file cssnya satu aja terus kasih reset css nya di bagian atas style css kalian
contoh
(Taruh resetnya di sini)
/*Style*/
Style kalian
terima kasih bang.
videonya sangat membantu saya.....
The truth is that the unknown scares all of us, but we just have to practice so we can get well with the software.
mantap bang 🤗
mantap bang 👍, buat tutor tentang ecomerce dong bng dika 🙏
kang Sandhi, mau nanya dong...kenapa gak ngerubah nya jadi inline-block aja daripada diganti positionnya ? makasih sebelumnya....btw video2nya amat sangat membantu, matur suwun kaang :)
nah pertanyaannya sama. thanks
Gak ush terikat, setiap orang punya solusi penyelesaian masalahnya masing2.
Selamat malam Pak Dika dan temen-temen lainnya. Saya Mau bertanya, saya ada kasus teks dalam nya tidak muncul semua atau hanya sebagian. Bagaimana supaya bisa muncul semua ya padahal font-sizenya sudah diperkecil? terima kasih
Makasih banyak pak Dika
wadaw mantap kali view nya sampai ratusan ribu
tutorial grid responsive dong pa dika :'v tanpa framework. Di channel lain bahasa inggris semua ey...
kereeeeeeen...
langsung d terapin nih di blog saya.. :D
ditunggu untuk yg light box nya pak yaa...
trimakasih pak..
sama2 Azwansyah..
mana dong blognya, saya pengen liat.. :)
Web Programming UNPAS hehe.. template download kok pak, cuma saya modif lagi..
azwansyahlubis.blogspot.co.id
Amazing advice wow
Saya suka kontennya pak sandhi, mudah dipahami. Tetap semangat terus pak ngajarnya! :)
kak, buatin tutorial lightbox untuk bootstrap dong
Sehat selalu pak
Tq banget buat mas sandikha tutornya sangat membantu. Saya mau nanya nih mas, penjelasan clear itu apa ya? fungsi dan penggunaannya untuk apa aja.
clear itu untuk menghentikan efek dari properti float.. coba kamu cek deh video saya yang ini : ruclips.net/user/edit?o=U&video_id=6gZ9WFwxRNY
Bismillah saya start css 25/01/2024, Tunggu saya bulan/tahun depan!
qt senasib bang
23:03 wed, 20, apr. udah malem aja
sore pak dika.. tutorial database nya donk pak, MySQL hehe
maaf bang, saya sudah mencoba untuk mengganti fontnya. tetapi dengan format ttf. itu supaya bisa tampil gimana ya? makasih sebelumnya. sukses selalu
26:23 make kayak gini gpp kan bang
width: 50px;
height:50px;
border-radius: 50%;
overflow: hidden;
margin-top:-10px;
margin-left: -20;
border: 1px solid black;
display: inline-block;
mantep kubu inline-block
mau tanya,. Kok pas saya ngasih border, gambar yg ada didalam div tiba2 ada ruang sisa tidak seperti punya pak sandika yg langsung ke cover tanpa ruang sisa? sudah saya coba pakai text-align, margin dsb tetep gak bisa.. terima kasih
bismillah semoga bisa
Maaf izin tanya pak di menit 26:10 utk membuat li sejajar knapa tidak menggunakan display: inline-block; ,knapa bpk lebih memilih menggunakan float: left; mohon penjelasannya pak ?
sudah di jawab dikomen dibawah, bisa bisa saja katanya
pak kalo .gallery li,
.gallery li img,
.gallery li span {
border-radius: 50%;
}
di jadikan satu jika ditampilan yang full akan menjadi bulat juga trus gmina pak??
Wauw mantaps banget pa dhika, btw disini belum make flexbox ya?
Belum
bang ditungggu next tutor
Siap Malyk! :)
32:18 yang textnya 2 baris tambah property display : flex sama align-item: center di spannya :D
thankyou
Kenapa flex? display kan ada 3 value: inline, inline-block, sama block. Apa itu beda? Apa gimana (nanya)
bro benerin punya gue bisa?
@@holy2001 display flex itu, ada materi baru lagi. Sebenernya display gak cmn 3 setau gw, ada beberapa tambahan lagi kayak :
Display : flex
Display : grid
@@aanesiyaa bisa aj sih
26:42 bisa juga pakai teknik micro clearfix
terimakasih paaakk:))
nice
Keren
bang ada dika, boleh minta ajarkan membuat website degn menggunakan cms ndk? kami ada tugas ne
makasih bang.
saya dah banyak download video abng ne cuman cms yang belum ada
I love you pak
selamat malam pak sandika izin bertanya kenapa thumbs nya lebih besar dari pada bulatannya? padahal ukuran 120px
mantap tutorialnya mas,, mas mau nanya kalau tulisannya 2 baris supay bisa ditengah2 bagaimana caranya ya
kak tolong buatin video cara menambahkan jumpbrake seperti baca selengkapnya atau yang lainya menggunakan css
Bang sandhi.. perbedaan sintaks float dan display: inline-block apa ya? kan hasilnya sama tpi perbedaannya pada float, maka parentnya akan collapse, sedangkan inline-block gak, rekomendasinya lebih bagus gunakan yang mana bang?
udah ketemu jawabannya belum? saya jg bingung bedanya apa hehe
@@MohammadaAprilianto sama hahah
Klu membuat galeri video + lightbox dgn html n css3 bsa gak ?
selamat malam pak, adakah refrensi situs untuk mengecek codingan kita apa sudah benar secara struktur? atau dalam membuat hal seperti ini kita bisa bebas explorasi tanpa memikirkan strukturnya? Terimakasih
sudah tau belum mas? kalo sudah boleh lahh bagii infonyaa kwkw
@@hafidhnfn blm tau saya
@@Antoooreal sekarang sudah tau mas?
permisi pak dika mau tanya. itu kan di pak dika dijelaskan harus memakai clear.. menurut bapak optimal menggunakan clear atau untuk posisinya di container menggunakan absolute?
jika menggunakan float, sebaiknya menggunakan clear untuk merapihkan posisinya kembali
Ini bisa pake flexbox ga om,di vidio pake float
pak, itu kenapa (29:14) cssnya .gallery li span ? kan li di dalam ul, bukan harusnya .gallery ul li span? bedanya apa pak? kapan harus dimasukkan kapan tidak? sedangkan, .gallery span? kan bisa juga pak?
Kak, membuat album musik dengan oop php udah ada ?
hallo mas Dhika, saya coba menerapkan tutorial ini ke file tutorial portfolio dengan bootstrap (NGOBAR) namun setelah link reset CSS dimasukan ke html smua font jadi berubah pak dan pading marginnya juga berantakan? apa untuk membuat Lightbox itu diperlukan reset CSS ya?
Tidak usah direset lagi, karena bootstrap sudah melakukan reset..
Oya mas benar, setelah saya cek dokumentasi bootstrap ada bagian normalize nya :)
pa bahas tentang java script nya juga dong
Di saya . File note found setelah overlay. Dan file yg d panggil overlay. Malah kecil ke ikut style dari LI... Pening aku
Pak, mau tanya itu bisa nggak di tambahkan dengan koneksi database?
Oh Ya Ka Dika,Untuk ALT Pada Image.Fungsinya Buat Apa ya..???
bisa cek disini penjelasan dan cara pakainya :
ruclips.net/video/yb_emYhY3Pc/видео.html
pak, disaat saya menambahkan gambar, itu ga pas ditengah dan ada space diantara border sama gambarnya gimana pak? sudah saya akalin pake width sama kayak gallery nya??
di tunggu javascriptnya bangggggg
Mantap, bisa minta coding ya, untuk belajar
pak saya pakai clear fix di gallery tetapi kok setting untuk thumbnailnya kembali ke asal lagi?
pak dika mau nanya kok saya pas tulis rgba udah ngikutin dari awal tutorial kok ilang ya tulisa rgba nya di code editor tapi hasil di browser sama ? apa ada yg salah di code editor atau gimana ya pak
ka ini harus download css3 nya dulu ya, kalo bikinnya di notepad++ ga bisa?
gak perlu ada yang didownload Fin, selama browsernya pake browser baru harusnya ga ada masalah mau pake notepad biasa pun.. :)
WKAOAWKOKWAO MANTAPP
Pak shandika kok di saya ukuran gambar dengan ukuran span nya gak sesuai pak.. malah ukuran span nya lebih ke kiri di bandingkan dengan image nya.. mohon penjelasan nya🙏
Trimakasih pak
pak dhika. Selain pake photoshop untuk me-resize ukuran photo, pake aplikasi apalagi ya pak? soalnya, photoshop berbayar sekarang
cari di google aja image resizer bang
@@ariafajarramdhany7979 Makasih infonya bang 🙏
udah ngikutin sampai selesai video ini, hasilnya ko titik list( bullet list ) ga hilang seperti yg dibuat pak sandhika ya???
solusi yg saya temukan dengan menggunakan ( list-style: none; ) di ( .galeri li )
yg saya ingin tanyakan bagaimana caranya bisa hilang list( bullet list ) seperti yg dibuat pa sandhika di video ini tanpa menggunakan ( list-style: none; ) di ( .galeri li )?
terima kasih.
sama bro gua juga sama gambar pas di klik malah lonjong bukanya persegi
@@zeronext4122 hahaha pakai cara saya aja, meskipun intinya berhasil
udah dihubungkan dengan file reset.css belum?
bang sandi , ak mau tanyaa.. itu ketika saya refresh kok transisi nya auto berjalam yaa ?? gimana solusinyaa
Maaf saya Nur Rizki, @Pak Dika saya minta izin bertanya. Ketika saya berusaha mencoba untuk memberikan background- image url di sebuah css yg berbeda folder dgn html untuk tag body, mengapa kok tidak muncul? Namun ketika saya letakkan dalam satu folder, background-image ini bisa muncul. Berbeda halnya ketika diberikan background color, meskipun berbeda lokasi folder tapi tetap muncul warnanya. Mengapa ini bisa terjadi yah Pak? Terimakasih
pas gambar punya lu berbeda folder dengan file HTML nya gini nih caranya
background-image: url(img/contoh.png)
atau kalau gambar punya lu ada di folder sebelum file HTML nya bisa pake
background-image: url(../img/contoh.png) pake ".." jadi dia bakalan pindah ke folder sebelumnya.
Tapi kalau bisa gambar nya di taroh di folder project aja jangan di luar folder project.
kenapa pas saya target overlay nya gambar yg fullnya jd ikut bulat ya bkn kotak ?
Mas sandi mau tanya, saya kan mau menampilkan banyak gambar di gallerinya, cara memisahkan jarak antar gambar baris 1 dan baris 2 gimana ya, ini rapet banget. Trims
kalo li nya dikasih margin top atau bottom gimana?
ok saya coba mas ya
mau tanya, cara membuat komentar itu gimana ? komentar kayak foto terus dikomen gitu
pak sandi, kok saya gk bisa 2 slash di img src,? cmn bisa 1 slash.
Editor HTML Nya keren bang apa namanya? Saya pake not ++ manual banget ngetiknya
Sublime Text 3
GG
Pak saya pas mau hubungkan html ke CSS kalo linknya dua kok ga mau terhubung ya ga kebaca gitu kalo satu bisa
Mas dhika, saya mau tanya. Saya lihat menu navigasi di situs ptpn3.co.id semula sekitar 20px dibawah logo perusahaan. Ketika di scroll kebawah, menu tersebut berhenti paling atas. Untuk menempatkan menu navigasi agar tidak bergerak, saya tau pakai position fixed. Tapi jika dari bawah, lalu berhenti, seperti situs ptpn3.co.id bagaimana mas. ?
itu bisa menggunakan javascript / jquery.. untuk menentukan ketinggian halaman, di ketinggian tertentu nanti sebuah elemen kita kasih kelas tertentu.. contoh tutorialnya mirip dengan NGOBAR#3
Terima kasih ilmunya pak dhika.
kenapa ndak pake inline-block tapi malah float ya pak?.
Assalamulaikum.
kang minta tolong gimana buat slideshow secara vertikal? minta tolong kang...
terimkasih sebelumnya....
Kok pas ngasih hover di .gallery li a:hover span di kasih opacity 1, di browser ga terjadi apa2. pas gallery li span di kasih transition : 1s hovernya muncul pas di klik lalu hilang lagi. Kira2 knp ya padahal css saya pastiin mirip bgt.
(Menit 33.08)
Ada yg bisa bantu kah?
udah tau belum?
sama kok bisa yah beda hasil padahal codingan sama persis
Pak ko yang aku si gambarnya ga ikut bulet ?
kalo caranya buat galeri diatas sebuah section hero gimana mas? tq