• Cara mengatur Background pada blog

    Yo, sob kali ini saya posting bagaimana cara mengatur background menjadi penuh/Full dan tidak bergerak saat kursos di gerakkan kebawah . . .

    Contohnya seperti gambar blog saya ini :

    Lihat gambar panah pada gambar di atas . . .
    kebanyakan itu tidak pernah dirubah . .
    Apakah kalian tau, itu dapat membuat Background jelek . . .
    Tapi kalo ukuran gambarnya kecil gak masalah,
    Tapi kalo gambarnya besar seperti gambar background itu, jelek kan . . .

    Kalian pengen hasil gambar Backgroundnya seperti ini



    Saya akan kasih tau caranya . . .

    1. buka Template >> Edit HTML, terus centang  Expand Template Widget
    2. Cari Body 
    body {
    background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGxPx41V1iidpPqYFq6IgGZ1UARD5uULX5ezCef9WfVLw7v2wRf8jH-iThS0pj1KLxNrYVQ5Qj1EoNp0xT8fcRV19ESv0ilunfIgbjglvqDBvYT-kZQ0tdDWDYHNylxYxkeBduOsGJyM/s1600/Yondaime_Hokage+ke+4.jpeg) repeat ;
    font-family:"Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
    font-size:14px;
    color:#fff;
    margin:0;
    }
    Ganti  repeat menjadi no-repeat
    Tambahkan kode bawah ini :
    background-attachment: fixed;
    background-size:100%;
    Contohnya seperti di bawah ini :
    body {
    background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxGxPx41V1iidpPqYFq6IgGZ1UARD5uULX5ezCef9WfVLw7v2wRf8jH-iThS0pj1KLxNrYVQ5Qj1EoNp0xT8fcRV19ESv0ilunfIgbjglvqDBvYT-kZQ0tdDWDYHNylxYxkeBduOsGJyM/s1600/Yondaime_Hokage+ke+4.jpeg) no-repeat ;
    background-attachment: fixed;
    background-size:100%;
    font-family:"Calibri", "Lucida Grande", "Lucida Unicode", Arial, Verdana, sans-serif;
    font-size:14px;
    color:#f0f;
    margin:0;
    }
    Lalu klik preview untuk melihat hasilnya :

    Nanti hasilnya seperti ini :

    Kemudian baru di save kalo udah selesai.

    Keterangan :
    Kode warna merah buat alamat gambar/background
    Kode warna merah muda/ungu buat gambar ulang (contohnya: seperti gambar di atas sendiri)
    Kode warna biru buat gambar satu saja
    Kode warna hijau buat gambar menjadi ukuran penuh (contohnya: seperti gambar di bawah sendiri)

    Gampang bukan,
    Selamat mencoba

    Posted by : FVREDDY_JHOENNY_RIEWANTHO Selasa, 01 Januari 2013
    Label : ,

    14 komentar:

    1. Bisnis Investasi29 Juli 2013 pukul 14.17

      Kren sekali tutorialnya

      BalasHapus
    2. Unknown30 Juli 2013 pukul 18.40

      oke work.. makasih. kunjungi ulang blog ku ya..
      http://myblog-worlds.blogspot.com/

      BalasHapus
    3. Anonim29 Agustus 2013 pukul 07.39

      silahkan berkunjung di tempat saya :) salam kenal , www.idestatus.com

      BalasHapus
    4. Unknown4 September 2013 pukul 04.04

      keren banget, tapi ko template yg saya punya kok aneh yah!!!
      ga ada Expand Template'a...

      malah jadi bingung

      BalasHapus
    5. Yes19 November 2013 pukul 16.32

      work.. thank you... http://www.agrrgame.us/2013/11/need-for-speed-rivals-2013-cracked.html

      BalasHapus
    6. Penggemar Rahasia22 Desember 2013 pukul 15.36

      mantaps gan,,

      http://riefund.blogspot.com

      BalasHapus
    7. Tes25 Maret 2014 pukul 11.14

      Thanks :*

      http://proses349.blogspot.com/

      BalasHapus
    8. AHD. GOZALI11 Mei 2014 pukul 19.19

      thanks ea... tulisan anda telah membantu saya. sudah banyak saya coba. tp tulisan anda inilah yang dapat membantu saya. kunjungi juga blog ku ea....

      BalasHapus
    9. Unknown3 Juni 2014 pukul 17.18

      Maaf hanya sekedar koreksi, menurut saya background blog anda terlalu acak nggak padu sama teks nya, jadi sulit untuk saya (mungkin juga pengunjung lain) dalam membacanya....

      #Hanya koreksi, jadi maaf jika ada yang salah :)

      BalasHapus
    10. Unknown20 Juni 2014 pukul 20.52

      Makasi, saya sudah terbantu... ni Blog saya http://hasilbertanam.blogspot.com/

      BalasHapus
    11. Katon sumargi7 Agustus 2014 pukul 23.53

      Sip! dah dari pagi ampek subuh baru ketemu tutorial yang kayak gini, tapi tampilan blog qu mlah krang bagus, gk pa2 yg penting sy udh tau ilmunya. ok, makasih mba bro...

      BalasHapus
    12. Ruizz26 September 2014 pukul 13.43

      Sangat Bermanfaat Sekali Coeg :D
      Thank's Bro!!

      BalasHapus
    13. Unknown17 November 2014 pukul 13.06

      sangat bermanfaat silahkan berkunjung ke blog saya http://asiaartikelkepo.blogspot.com/

      BalasHapus
    14. Decka4 Januari 2016 pukul 14.46

      makasih jeng :v
      makasih tutornya :v
      Kunjungi juga vroh :v
      http://deckakofficial.blogspot.co.id/

      BalasHapus

    • Next → ← Prev
    ▲Top▲
    Langganan: Posting Komentar (Atom)