Background Keren Dengan CSS3

Assalamualaikum Wr. Wb.


Okelah tanpa basa basi Yuk! cek tkp ^o^)~


  1. Log In Blogger
  2. Pergi Ke Template
  3. Klik Edit HTML
  4. Ctrl + F Lalu cari kode Body {
  5. Lihat Di Bawah Body { . Cari kode background

    Contoh:

    Body {
    ...
    ...
    Background:#fff;
    ...
    ...
    }

  6. Terus ganti code disamping background
     Misalkan:

    Background:#fff;

    Berubah jadi

    Background:#000 url('Link Background') repeat scroll top left;
Oke sekarang kita lihat background yang kerennya


http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNjUwODUzYTgtM2FlMi00NjA0LWE4ZjEtM2VmNzI3NDE4Zjhm


 Link : http://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNjUwODUzYTgtM2FlMi00NjA0LWE4ZjEtM2VmNzI3NDE4Zjhm

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQGUsvjhyphenhyphenQ3NSX-BeOglJkodsrHOFwMeTvUoXFHPbD9cmMv3f1DcQsJDPCv8sigT6Umfsa2rZssmtsRlKtma4v3Cov_sdL_8AadvQqjYLKSgr-HSY8n36bAYkvhTIXw7M6oSdhN16k6s/h120/NE-Gen+BackGround.png

Link: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQGUsvjhyphenhyphenQ3NSX-BeOglJkodsrHOFwMeTvUoXFHPbD9cmMv3f1DcQsJDPCv8sigT6Umfsa2rZssmtsRlKtma4v3Cov_sdL_8AadvQqjYLKSgr-HSY8n36bAYkvhTIXw7M6oSdhN16k6s/h120/NE-Gen+BackGround.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeA1leggBxJbpaxFfyD78ySQ6Jp9D_HrNt_nv_94TDMXrqOMrxyVpbZpCEjqrj6dfIL7I_fyEU47eJiPednvnHXnhJFFJmhE_xgCTHods5aCkmVvDxglosU288p5N5Iy3GafzGlJooTFQ/s1600/grid.png'

Link : http://1.bp.blogspot.com/_HGekX55lw4E/TPjPMLM8
FcI/AAAAAAAAAS0/bED_PUlaJRs/s1600/grid.png


http://i1239.photobucket.com/albums/ff513/Ramapoetra24/Bg-1.png

Link : http://i1239.photobucket.com/albums/ff513/Ramapoetra24/Bg-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNoiTSAf8itPRxzlSKnHugAA-1ym3aJeTgmnIOts21wYZMqyjppYD1H8E75gMArJ5vBUSMn6eGqQhaX1mr7VLrCJS9F7-zv1GS9wSFumNTTXcPMrxcg5QQEZQApH_fTM5Ot7Z9wmAziNk/s1600/ramagif.gif

Link : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNoiTSAf8itPRxzlSKnHugAA-1ym3aJeTgmnIOts21wYZMqyjppYD1H8E75gMArJ5vBUSMn6eGqQhaX1mr7VLrCJS9F7-zv1GS9wSFumNTTXcPMrxcg5QQEZQApH_fTM5Ot7Z9wmAziNk/s1600/ramagif.gif

http://i1104.photobucket.com/albums/h328/bitxp86/th_333.jpg

Link : http://i1104.photobucket.com/albums/h328/bitxp86/th_333.jpg

     Oke ... Sekarang Cara Memasang Nya Gimana.. Itu Di Atas Sudah Di Jelaskan Di Nomor 6
Kalau Begitu, Sampai jumpa lagi di postingan berikutnya ^o^)~


Wassalamualaikum Wr. Wb.


Sumber

Artikel Terkait

3 komentar:

  1. bagus" nih gan .. kyaknya cocok nih buat template saya , ijin terapin di blog ane ya (y)

    ReplyDelete
  2. Kereen bang ..
    Sukses seLaLu ..

    #Imron

    ReplyDelete

Berkomentarlah dengan sopan maka saya akan membalasnya dengan cepat :)
Janganlah berkomentar dengan link hidup, kata kotor, spam, sara, dsb.
Terima kasih :)

 
- ©2013 - 2016 Yogi Irhandi Simamora V.3 -