• mengganti background gambar pada header blogger


    Yo, sob kali ini gua ngeshare tentang cara mengganti background gambar pada header blogger.

    1. buka situs blogger Anda lalu klik kanan pada gambar header blog >> klik Inspect Element (Q)
    2. lalu ganti link gambar tersebut, lalu paste kan link gambar yang anda sudah copy
    3. Tambahkan background-size: 100%; di dlam kurung kurawal
    Catatan: biasanya gambar header harus sesuai ukuran panjang dan lebar header, tapi aku hanya menggunakan background-size: 100%;. jadi ukuran berapapun gambar akan sesuai panjang dan lebar, jadi tidak harus sama dengan header. min-gambar harus width: 800px; agar tidak pecah2/ kotak2/ ngeblur.
    4. buka blog Anda >> Templete >> Edit Templete
    width: 960px;
    margin: auto;
    height: 480px;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5t1QyvqlLrwmN8CbLtFDIatMpRJvwPm9IS7g6JeKpL6KP_VVFrzYSwSURgYJ9FTygSnd7P8sZBtENIZrdSrvb_wuayolu1tEAAYPsKuWEt9bXMcAAKEsqOiiWXfTSHbtbgwxHXR0xVMeG/s1600/Untitledh-2.png") no-repeat top center;
    overflow: hidden;
    background-size: 100%;
    border: 2px solid #f0f;
    5. tambahkan Copy css tersebut lalu cari sesuai nama header itu lalu ganti
    contoh : #headerwinda
    catatan: setiap header namanya berbeda-beda jadi anda cari sesndiri namanya dengan menggunakan Ctrl+F
    6. Simpan

    warna kuning ganti sesuai ukuran yang Anda inginkan
    warna Hijau ganti sesuai link gambar yang Anda inginkan
    warna biru ganti sesuai warna yang Anda inginkan

    selamat mencoba

    0 komentar:

    Posting Komentar

  • Next Prev