Cara membuat Gambar Background Blog menjadi Penuh dengan gambar kecil


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



Previous
« Prev Post
Show comments
Hide comments
17 komentar:
Tulis Comments
  1. makasih gan infonya ......

    BalasHapus
  2. lalu gambarnya itu akan pecah nggak gan?

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

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

    BalasHapus
  5. makasih sob, sangat bermanfaat...

    BalasHapus
  6. makasih bro, ijin copas,,

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

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

    BalasHapus
  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

    BalasHapus
  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

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

    BalasHapus
  12. thanks bos, triknya sukses

    BalasHapus
  13. untuk layar android nggak bisa penuh satu layar

    BalasHapus
  14. codingnya dimana bang?

    BalasHapus