CSS Dasar - 6 - Background

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024

Комментарии • 264

  • @hafidzh5421
    @hafidzh5421 6 лет назад +67

    Pak Jazakallah khair. sya belajar dri sini pas masih subscribe skitar 9800 sekarang MasyaAllah (y). Dan gak tau kenapa belajar disini berasa di kelas sungguhan hehe... Makasih pak ilmunya. Enak penjelasan nya. Semoga ilmunya jdi amal sholeh pak, soalnya mmberikan manfaat ke org lain. :) #Salam mahasiswa sem 4 SI.

  • @Rizkiaqa
    @Rizkiaqa 5 лет назад +30

    Semoga rezeki Bapak lancar terus. Terimakasih.

    • @amandafebriyani9742
      @amandafebriyani9742 2 года назад +1

      Aamiin kak. Bener2 ngajar nya detail juga simple. Buat kita yg belajar jadi paham

  • @garem_alus
    @garem_alus 3 года назад +3

    belajar web dari gangerti sama sekali, smpe bisa bikin web sndiri di channel ini
    sukses & sehat selalu pak, pahala jariyah untuk bapak
    aamiin

  • @nandopookey9195
    @nandopookey9195 3 года назад +1

    Terima kasih banyak, sehat selalu pak. Semoga pemerintah Indonesia bisa lihat orang seperti bapak ini, Amin

  • @gustionusamba90
    @gustionusamba90 3 года назад +8

    congrats Pak Dhika untuk 400rb subsciber, semoga channel WPU selalu memberikan pelajaran-pelajaran yang bermanfaat dan semoga channel ini berkembang terus Pak. Amin

  • @molafast8173
    @molafast8173 2 года назад +1

    Buat yg gagal nampilin background. Pake file dibawah 1mb atau 500kb aja.. Insya Allah berhasil....
    body { background-image: url(filemu.jpeg);
    }
    terimakasih pa dosen atas ilmunya

  • @lidiasutra5515
    @lidiasutra5515 3 года назад +4

    Terima kasih ya pak ilmunya, ternyata belajar CSS itu menyenangkan, bermain dengan warna. saya gk dapatin ilmu ini di kampus, tapi alhamdulillah saya ketemu dengan channel ini, jd saya bisa belajar. Cara bapak menerangkan pun mudah di pahami dan diikuti. Semoga bapak dan keluarga sehat selalu, sehingga tetap bisa berbagi ilmu dengan semuanya :). Aamiin

    • @maulanayudayudhistira2749
      @maulanayudayudhistira2749 2 года назад

      Sama ..saya belajar jaringan di kampus..dan pemrograman nya cuma garis besar dan selebihnya belajar sendiri

  • @chokychoky5768
    @chokychoky5768 4 года назад

    Ini channel itu channel yg ikhlas berbagi

  • @naya-hi6ck
    @naya-hi6ck 2 года назад

    alhamdullilah berkat kak sandy sy yg sudah tua ini bisa tau tentang website, terimakasih kak semoga berkah rezeki berlimpah

  • @wahyuhufni8665
    @wahyuhufni8665 2 года назад +4

    Terimakasih atas ilmunya pak, mudah dipahami, semoga bermanfaat, dan memberikan keberkahan untuk kita semua, aamiin🙏.
    Semoga sukses selalu🙏🙏

  • @salmantechno
    @salmantechno Год назад +1

    Terima kasih Pak atas sharing ilmunya 🙏
    Ayo Belajar dan Berkembang bersama SalmanTechno 💪👍

  • @AbdulMalik-og6up
    @AbdulMalik-og6up 2 года назад +1

    Terima kasih banyak pak atas tutorialnya, sangat cepat sekali untuk dipahami, semoga rizkinya lancar dan sehat selalu, Aamiin.

  • @Daridasar33
    @Daridasar33 Год назад +1

    Mantap pak dosen kuh

  • @MzHSky
    @MzHSky 5 лет назад

    Terimakasih mas sangat sangat jelas , bener2 dari video pertama ane ikutin ini channel otodidak dari video mas nya 🙏

  • @andreasnostalkristianhalaw2830
    @andreasnostalkristianhalaw2830 2 года назад

    saya minta maaf ya pak Galih, klo ada Video yang belum saya like, itu karena saya mungkin lupa ngelike.
    yang pasti, semua video chanel ini saya suka, dan bermanfaat buat saya, terimakasih.

  • @gadogado9810
    @gadogado9810 3 года назад +1

    terima kasih pak atas ilmunya saya doakan semoga dimudahkan dari segala urusan dan rizkinya, amiin

  • @kholilrohman8545
    @kholilrohman8545 3 года назад

    channel yt paling kereeeenn.. 👌🏻👍🏻

  • @rumahkujapan8619
    @rumahkujapan8619 2 года назад +3

    Terimakasih banyak ilmunya pak meskipun saya telat belajar 6 tahun , tadi saya coba di sublime buat background image tapi gabisa ya

  • @yunpnzr
    @yunpnzr 3 года назад

    Hoalah, baru tau gunanya background position gimana. Saya kira dulu sama kyk background repeat. Baru paham saya pak. Terima kasih atas penjelasannya

  • @agungdwiprastio71
    @agungdwiprastio71 4 года назад +1

    makasih banyak sangat bermanfaat website background nyaaaa

  • @robetmardiansyah8132
    @robetmardiansyah8132 4 года назад +3

    18 okt 2019
    15:30
    Terimakasih pak atas ilmunya.🙏

  • @rizalalqowiy8359
    @rizalalqowiy8359 Год назад +2

    pusing banget pak gakbisa ngaitkan background ke webnya :(

  • @wahyuonoalfian9740
    @wahyuonoalfian9740 5 лет назад

    Alhamdulillah semoga sehat selalu bang. Dan terus bisa buat tutorial di yt.

  • @rifkyaditya294
    @rifkyaditya294 Год назад

    semangat terus Pak Dhika

  • @agungprn___
    @agungprn___ 3 года назад

    Mantap pak..... terimakasih atas ilmunya, semoga menjadi berkah ya pak...

  • @strong_fighter
    @strong_fighter 3 года назад +1

    Org tidur, saya sih nonton youtube 😅 . Terniat buat bljr pemrograman web 😁

  • @ahmadrofiki5462
    @ahmadrofiki5462 2 года назад

    wahh pak dika udah hampir 500k subs, congrats ya pak semangat terus bikin tutorial nya

  • @lanovialiem3201
    @lanovialiem3201 3 года назад

    lope lope untuk kak sandhhii

  • @user-sq3il3vr8h
    @user-sq3il3vr8h Год назад

    thanks ini membantu saya di thn 2023

  • @runeka97
    @runeka97 3 года назад

    Terima kasih kak sandika, ilmunya sangat bermanfaat ^_^

  • @bagasbintang3812
    @bagasbintang3812 2 года назад +4

    Halo pak saya mau bertanya untuk membedakan dalam html itu gimana ya,soalnya saya membuat dua img dalam file html dan ingin merubah bentuk img dengan berbeda ukuran

    • @YO-cc6ju
      @YO-cc6ju 2 года назад

      Tambahin class aja di htmlnya

    • @bagasbintang3812
      @bagasbintang3812 2 года назад

      Wah Iya pak bisa Terimakasih 😃

  • @fachrimohammad3833
    @fachrimohammad3833 2 года назад +2

    pak kok saya mencoba yang background pada menit 5.17 gabisa ya ngikutin command nya
    background-image: url(background\ web\ kucing\ 3.jpg) tapi pakai command ini bisa..

  • @barrtubs6159
    @barrtubs6159 4 года назад

    Terimakasih karena video"nya sangat bermanfaat dan mudah dipahami

  • @zerolucky5664
    @zerolucky5664 6 лет назад

    Makasih tutornya, bermanfaat banget😊

  • @narasizio
    @narasizio 3 года назад

    Izinkan saya belajar ilmu bapak 🙏

  • @YoruJustForYou
    @YoruJustForYou Год назад

    Terimakasih tutorialnya pak

  • @imcarto
    @imcarto 4 года назад

    keren kak, terimakasih ilmunya

  • @muhammadalvie4780
    @muhammadalvie4780 2 года назад

    followed the tutorial exactly right, but still different. Using trial version. Thank you*

  • @orcygaming380
    @orcygaming380 2 года назад +1

    Pak Dika mau tanya cara biar menampilkan kan background image tapi aku coba gagal terus

  • @reupload_short6258
    @reupload_short6258 3 года назад +1

    2020 newbie😁

  • @budi-dev8814
    @budi-dev8814 3 года назад

    Mantap pak, izin save yak hehe

  • @m_irvan_wiradikarta5477
    @m_irvan_wiradikarta5477 2 года назад

    Jazakallah pak terimakasih 🥰

  • @MrAdiet13
    @MrAdiet13 4 года назад

    terima kasih videonya, jadi be;ajar seperti di kelas

  • @memethiefpencurimeme3010
    @memethiefpencurimeme3010 2 года назад

    Terimakasih Guru 🙏

  • @desintaramadhani336
    @desintaramadhani336 3 года назад

    Terima kasih ilmunya bang

  • @panitiaujian2865
    @panitiaujian2865 3 года назад +2

    2020 like..

  • @abek1297
    @abek1297 Год назад +1

    terima kasih

  • @chokychoky5768
    @chokychoky5768 4 года назад +3

    Mengatur opasitas background-image nya gmna?

  • @reffatama624
    @reffatama624 3 года назад +2

    untuk background image kok gambarnya tidak muncul yah saya bingung.semoga dijawab pak..

    • @YO-cc6ju
      @YO-cc6ju 2 года назад

      @@mesakhlolo8611 mungkin salah penempatan file imagenya

  • @fitriyadina7819
    @fitriyadina7819 3 года назад

    bagi yang masih tidak mengerti silahkan di ulang ulang videonya nanti juga faham sendiri..kaya saya.wkwkwk

  • @ATHORNOTHING
    @ATHORNOTHING 6 лет назад

    terimakasih broo.. saya subcribe

  • @zarazhala7331
    @zarazhala7331 2 года назад

    Terima kasih banyak ya Pa

  • @andrerianda3255
    @andrerianda3255 3 года назад +2

    Background image g dpt dpt gua, gmbrnya bingung g muncul muncul, ad yg bisa bntu

  • @pipilebar
    @pipilebar Год назад +1

    Pak Dhika izin bertanya, kalo untuk background image kita bisa pake 2 gambar yg berbeda ? atau hanya 1 background image untuk 1 halaman? Terimakasih Pa.

  • @ASkrik
    @ASkrik 6 лет назад

    hadir Pak....

  • @MuhammadAlAzharFaradis
    @MuhammadAlAzharFaradis Месяц назад +1

    izin tanya ya mas, knapa background image yang kita panggil dengan section atau div, class tidak tampil sedangkan kalau pakai body baru bisa?

  • @joshuaimmanuel9407
    @joshuaimmanuel9407 4 года назад +1

    buset suara keyboardnya wkwkw

  • @ardiantosattupadang962
    @ardiantosattupadang962 4 месяца назад +1

    mohon maaf Pak bisa buatkan Tutorial cara agar sublime Teks nya Run Live?Terimaksih..😄

  • @ittutorialchannel3393
    @ittutorialchannel3393 5 лет назад +1

    Pak, untuk background-image, gambarnya saya download dari internet tapi pas jadi background gambar nya jadi kotak2 kecil atau gambarnya burem

  • @nouvalauliarahman3945
    @nouvalauliarahman3945 4 года назад +1

    Sya udah menambahkan url nya di background-image,tetapi pada saat di run gambarnya nggk muncul,knp ya..

  • @user-fl8dc1di4r
    @user-fl8dc1di4r 3 года назад +1

    Bang bikin cara buat iklan sendiri menggunakan dan css dengan animasi

  • @juxcom
    @juxcom 6 лет назад +2

    bang mohon petunjuk ini untuk scripnya udah bener,tapi kenapa gambarnya ngak bisa masuk bang!! mohon solusinya

    • @afis_projct
      @afis_projct 2 месяца назад

      Itu dr internal atau eksternal bang gambar nya

  • @faisalabdillah3240
    @faisalabdillah3240 5 лет назад

    Terimakasih pak sudah membantu tugas L3d saya

  • @ininamakokharusdijarak6815
    @ininamakokharusdijarak6815 3 года назад

    Keren abis

  • @anastasiatanta2749
    @anastasiatanta2749 Год назад

    Susah banget ya ternyata beginian di hp wkwk

  • @maryogatra
    @maryogatra 3 года назад

    Maksudnya begitu, Saya mau Paste Langsung SJ ke Skins CSS Jommlanya, tapi SJ nya saya kesulitan kalau Insfeksi SJ org lain.,.,

  • @immanuelsimatupang3060
    @immanuelsimatupang3060 2 года назад +1

    Bapak saya taruh gambar backgroundnya di folder yang sama dengan file htmlnya tapi kenapa ga mau muncul ya gambar backgroundnya? Apa karena jpg? Mohon bantuannya pak

    • @Funrainx_
      @Funrainx_ 2 года назад +1

      Jpg pun tetap bisa pak, caranya beri nama dulu pada gambar yang ingin bapak masukkan ke halaman html, misalnya gambarnya saya beri nama dengan 0701.jpg dan diletakkan dalam satu file yang sama dengan html nya.
      Pada htmlnya bapak isi .
      Begitulah caranya pak, maaf jika ada yang salah🙏

    • @molafast8173
      @molafast8173 2 года назад

      pake file dibawah 1 mb gan

    • @immanuelsimatupang3060
      @immanuelsimatupang3060 2 года назад

      @@Funrainx_ ok Terima kasih atas sarannya🙏🙏🙏

    • @immanuelsimatupang3060
      @immanuelsimatupang3060 2 года назад

      @@molafast8173 Terima kasih atas sarannya 🙏🙏🙏

  • @ammarrh9851
    @ammarrh9851 4 года назад

    Terimakasih pak, tolong bapak buatkan video tutorial menambahkan bakcground ke web menggunakan html dengan memanggil css

  • @kamikazebluez
    @kamikazebluez 4 года назад +2

    ad tambahan pak, supaya bottom nya fungsi bisa gunakan "background-attachment: fixed; " , mohon koreksinya kalo salah..makasih

  • @igedeteguhpermana1123
    @igedeteguhpermana1123 4 года назад +2

    hallo mau nanya ,saya coba kak sesuai apa yg di video tapi kok gambar background nya pada background-image punya saya ga mau muncul yah,padahal background mau,laptop saya yang bermasalah atau coding yah kak,mohon bantuannya.saya ga bisa lanjut lagi ke tahap pembelajaran background kalau ga muncul gambarnya,terimakasih kak

    • @yukadi723
      @yukadi723 Год назад

      gimana sekarang bg? saya juga lagi dapet masalah kek gitu sekarang hahaha

  • @supiyaniyan5175
    @supiyaniyan5175 6 лет назад +2

    Misalkan udah jadi semua, pokonya jadi web sempurna. Terus biar tampil di google gimana caranya?

  • @erianameilda8287
    @erianameilda8287 4 года назад +1

    mas kok di laptop saya tidak bisa muncul gambarnya di web...?

  • @hermawanyuniarto5238
    @hermawanyuniarto5238 4 года назад +1

    5:44

  • @bellanovyanda4225
    @bellanovyanda4225 4 года назад +2

    punyaku kok gak bisa ya ya Allah

  • @yudiindah7959
    @yudiindah7959 3 года назад

    Makasih pak

  • @erwinsyayfullah5419
    @erwinsyayfullah5419 4 года назад

    Terimakasih

  • @imamholidi3335
    @imamholidi3335 3 года назад

    Kecil banget tulisannya pak..

  • @07idofficial
    @07idofficial Год назад

    Terimakasih bang ilmu nya,sangat bermanfaat dan menyenangkan..cuma saya gak jelas aplikasi yg abang omongin,,sablemdex atau apa ya?

    • @sandhikagalihWPU
      @sandhikagalihWPU  Год назад

      Sublime Text.. sekarang gunakan saya visual studio code

  • @clown1613
    @clown1613 2 года назад +1

    Pak udah ngikutin langkah nya cuma bg nya gak mucul pas open di browser itu kenapa ya?'

  • @dbtube4371
    @dbtube4371 5 лет назад +1

    tolong d bantu pak guru
    body { background-color: lightblue;
    background-image:url(../gambar/spring.png);
    background-repeat: no-repeat;
    background-position: top right;
    }
    body { background-image:url(../gambar/kt.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    }
    kenapa background yg pertama g muncul ?

    • @wahyuonoalfian9740
      @wahyuonoalfian9740 5 лет назад +1

      Karena tag body background yang pertama ditimpa oleh background yang kedua.

  • @hendryekawijaya1102
    @hendryekawijaya1102 7 лет назад +1

    Pa saya mau tanya untuk ekstensi gambarnya harus .png? Dan berapa maksimal ukuran gambarnya agar bisa tampil di browser? Terima kasih.

    • @sandhikagalihWPU
      @sandhikagalihWPU  7 лет назад

      ekstensinya bebas, bisa jpg, gif atau bmp.. tapi memang yang biasa digunakan adalah png atau jpg.. ukuran gambar juga bebas, tapi semakin besar gambar / ukuran filenya, akan semakin lama ditampilkan di browsernya.. :)

  • @fandiarizal28
    @fandiarizal28 6 лет назад +1

    pak mau nya untuk memberi background untuk beberapa page giman

  • @ervanrl153
    @ervanrl153 5 лет назад +1

    itu gradientnya ukuran berapa mas ambil gambarnya dmn?

  • @maryogatra
    @maryogatra 3 года назад

    Assalamualaikum,. Mau Tanya Sob,. Kalau Mau Menambahkan Background Gambar Melalui CSS Skins di Joomla, Apakah ada Elemen SJ nya sob.

  • @edonugroho3046
    @edonugroho3046 2 года назад +1

    Bg, itu semua gambar bisa di masukin ke dalam file cas, apa ad gambar khusus

  • @hafizaulia8927
    @hafizaulia8927 2 года назад +1

    buat temen2 yg ga bisa mungkin pas di download udh ditulis .jpg nya sama system laptop(ga sadar saya nya) jadinya pas di url ga dapet :D mengcape😭

    • @ridhoakhmadfachrozi5103
      @ridhoakhmadfachrozi5103 Год назад

      Iya setuju, pas dicoba, jangan edit nama gambarnya lagi, seperti .jpg atau .jpeg lagi
      Langsung tulis di sublime textnya aja nama gambar.jpg atau nama gambar.jpeg
      Bisa dilihat di propertiesnya ya

  • @yukireskydamanik2864
    @yukireskydamanik2864 3 года назад +1

    Pak izin tanya, bagaimana menambah kan background yang gambar nya tidak akan hilang ketika dipindahkan ke perangkat lain?

    • @tapazulsss
      @tapazulsss 2 года назад

      file background/gambarnya ikut di masukin ke file html sama css-nya

  • @thoyifplekentus4841
    @thoyifplekentus4841 7 лет назад +1

    mas sampai sini saya gak bisah.. padahal udh bener, background-image: url(Gambar/bg1.png);
    gambar juga udh tak simpen satu floder gambar = bg1.png, bg2.png, index.html, style.css... kenapa gak konek ya mas gambarnya.. apa salah nempatkan foldernya..??

    • @sandhikagalihWPU
      @sandhikagalihWPU  7 лет назад

      gambarnya harus disimpan di dalam folder 'Gambar'.. index.html dan style.css nya harus disimpan diluar folder gambar nya

    • @arifraihan5404
      @arifraihan5404 5 лет назад +1

      @@sandhikagalihWPU udah pak, ttp gabisa

  • @raishalrais
    @raishalrais 6 лет назад

    apa menjadi web designer , diwajibkan bisa mengoperasikan image editor seperti adobe photoshop,coreldraw,dll ?

  • @diaztubisalam3710
    @diaztubisalam3710 2 года назад

    Terimakasih pak atas ilmu nya. Izin bertanya pak kalo biar gambar nya tidak zoom sendiri gimana ya?

  • @sync9differential280
    @sync9differential280 3 года назад +1

    Bang mau tanya, maksud dari pada dokumen index.html apa ya bang ?, mohon infonya supaya sya tambah paham 🙏

    • @rafikarim9452
      @rafikarim9452 3 года назад

      itu maksudnya utk link page html dengan css , biar css nya bisa dipake di page html bro

    • @arysibarani6022
      @arysibarani6022 2 года назад

      Biar lebih mudah ya , terkonek antara html dan CSS nya bang

  • @evahana8462
    @evahana8462 4 года назад

    Thanks^^

  • @prabu4884
    @prabu4884 6 лет назад +2

    bagian ini saya kesulitan kang..
    saya ikutin semua script yg ada di video, tp background color tetep putih..

    • @sandhikagalihWPU
      @sandhikagalihWPU  6 лет назад

      bisa lihat scriptnya? itu sepertinya cssnya tidak terhubung ke html nya.. :)

    • @prabu4884
      @prabu4884 6 лет назад +1

      saya sudah menuliskan css ke html seperti ini :
      Vav Bandung Timur
      Welcome to VAC World
      dan ini css nya :
      body {
      background-color: lightblue;
      background-image: : url(img/vac logo3.jpg)
      background-repeat: repeat-x;
      }

    • @sandhikagalihWPU
      @sandhikagalihWPU  6 лет назад

      +Prabu agung background-imagenya kebanyakan : (titik dua) dan kurang ; (titik koma)

    • @prabu4884
      @prabu4884 6 лет назад

      eh mksud teh gini..
      Vav Bandung Timur
      Welcome to VAC World
      css
      body {
      background-color: lightblue;
      }
      jadi backround nya gk mw jadi warna biru...
      kira2 apa salahnya kang..

    • @HafizDenali
      @HafizDenali 6 лет назад

      Iya mas, saya juga begitu...ngk bisa

  • @egipebriyawan1455
    @egipebriyawan1455 4 года назад +1

    Pak Sandika Galih, izin menambahkan. Di sumber gambarnya, kenapa harus yang png? Karena background dari foto PNG itu transparan.

    • @cendy3232
      @cendy3232 4 года назад

      Kalau gak mau png, bisa format apa aja yang penting diubah format typenya

    • @cendy3232
      @cendy3232 4 года назад

      Disesuaikan dengan format foto yang kamu punya

  • @dap199
    @dap199 5 месяцев назад

    Pak saya sdh ketik sama kok background g berubah2 ya....it penyimpanan style saya ap kliru ya....
    Style.css
    Css

  • @HarbringerGoE
    @HarbringerGoE 3 года назад +1

    gw udh nyoba seharian sampe nyercing google, kok gw gk bisa ya naro image, padahal udah sesuai banget
    contoh : folder/namafoto.png
    tapi ga bisa bisa, ada yang bisa tolong?

    • @partoh2811
      @partoh2811 2 года назад +1

      sama bangetttt :'(
      tapi kalo sekarang gimana bang?, udh bisa?

    • @xSparkles
      @xSparkles 2 года назад +2

      tambahin '..' coba bang
      background-image: url(../folder/namafoto.png);

    • @alfarrasmuyassar3818
      @alfarrasmuyassar3818 2 года назад

      @@xSparkles thanks bang, gw berhasil pake cara lu

  • @elbcourseenglishlearningfo8170

    Pak Dhika itu ngambil gambar gambar nya dmn si pak?? Kok saya nyari2 ga bs ya. Gambar pohon, gradient nya itu dr mana pak?

  • @salmadirapermata244
    @salmadirapermata244 7 лет назад

    mas mau nanya itu gimana ya pengetikan keyboard sama klik kursor nya bisa berbunyi seperti itu??

  • @fajar312
    @fajar312 7 лет назад +3

    Om thanks links subtlepatterns.com membantu dalam pembuatan background web ..

  • @adekhulaemiofficial
    @adekhulaemiofficial 4 месяца назад

    Minta rekomendasi buku untuk belajar Pak Sandika galih.