Cara membuat Gambar Background Blog menjadi Penuh dengan gambar kecil

Posted by cyberfrogteam (ADMIN) on 10/30/2013


Hai Frogy, pernah gak frogy melihat blog dengan background penuh padahal ukuran gambarnya kecil?
misal menggunakan gambar kecil ini :

Ketika kita melihat gambar ini maka yang kita bayangkan adalah gambar background blog kecil seperti aslinya bukan? namun tenang saja, dengan kode dari cyberfrog maka gambar kecil akan menjadi penuh alias ful monitor. Dan kelebihan dari Kode berikut adalah ketika Halaman Situs diperkecil maka gambarnya tetap besar alias tidak ikut kecil seperti kebanyakan background pada umumnya.Dan dapat memperingan ukuran maksimal blog, karena semakin kecil gambar maka semakin kecil pula beban loading blog frogy, dan juga sebaliknya semakin besar gambar di blog anda maka semakin berat pula loading yang anda butuhkan untuk membuka blog anda.

Contoh :

 (Gambar background penuh dengan gambar ukuran kecil)

Langkah-langkahnya 
Cari kode berikut di TEMPLAT+HTML :

body {background:#..............................................}
dari awal tanda {
hingga akhir tanda }

lalu ganti dengan kode dibawah ini :

body {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga-6gozPf6NK0QwjH2hfAtpzRj5gyXemsls8hhTbo3fQCpsRE7FtSdgU74CwIzU8HN94HXZwkPxunbGXKJFOAqZaMp_l55KwzEA0jvYJzEprzTQ6bY-sbeKONRnmvVi7jFtagon5widgK4/s1600/Moon+Fantasy+Wallpapers.jpg)fixed; margin:0;padding:0;background-size:100%}

Merah : Ganti dengan alamat gambar anda
Biru : Membuat gambar tetap alias tidak ikut Scroll bar, hapus fixed apabila anda tidak ingin gambar berjalan mengikuti scroll.

Oke sekian dulu
jika tidak mengerti hubungi kantor KUA terdekat....!!
Salam satu jiwa dari cyberfrogteam





Jangan Lupa Subscribe Channel Youtube F

17 COMMENT:

  1. makasih gan infonya ......

    ReplyDelete
  2. lalu gambarnya itu akan pecah nggak gan?

    ReplyDelete
  3. untuk minimal gambar dengan ukuran 300px enggak pecah gan Yudhie

    ReplyDelete
  4. ganti tulisan Body pada template blog asli dengan kode diatas

    ReplyDelete
  5. Anonymous26/3/14 20:31

    makasih sob, sangat bermanfaat...

    ReplyDelete
  6. makasih bro, ijin copas,,

    ReplyDelete
  7. gan gk ketemu body{background#.......} nya

    ReplyDelete
  8. gan arif, kalo gak ketemua coba cari body dulu kemudian cari Background. pasti ada

    ReplyDelete
  9. saya nanya tapi diluar topik :).bagaimana caranya membuat tampilan terpisah pisah,maksudnya kalau dipunya andakan yang tampilan share this sama postingan terkait itu kan terpisah walaupun warnanya sama,tapi kan pisah,nah itu yang saya pertanyakan

    ReplyDelete
  10. Buat kode baru yang dipisah dengan <*b> (tanpa*)
    kemudian buat kode background baru
    sebenarnya meskipun terpisah dan warnanya sama itu widget berbeda dan dapat diganti pula warnya

    ReplyDelete
  11. ow begitu .. jadi selalu full (hanks

    ReplyDelete
  12. thanks bos, triknya sukses

    ReplyDelete
  13. untuk layar android nggak bisa penuh satu layar

    ReplyDelete
  14. codingnya dimana bang?

    ReplyDelete

Advertiser