2 Cara Ganti Background Blog dengan Gambar, Foto, HTML 2014

Setelah anda mengetahui tentang Cara Mengatur Setelan Blogspot dan cara mengatur tampilan blog agar menarik dibaca sekarang kita akan membahas tentang Cara Mengganti Background Blog dengan Gambar.

Mengubah latar blog dengan gambar ini, ditujukan bagi anda yang memang senang mengedit dan memodifikasi blog agar lebih indah, apalagi jika anda kurang minat dengan tampilan sederhana dan ingin mengganti dengan tampilan yang lebih elegan atau lebih profesional.

Tapi yang perlu di ingat semua itu bertujuan untuk kenyamanan pengunjung blog agar betah berlama-lama di blog kita sehingga dapat memperkecil bounce rate dan membuat blog kita semakin banyak pengunjung.

Tidak semua yang saya tahu, saya terapkan seluruhnya, termasuk artikel Cara Mengganti Background Blog dengan Gambar ini. Dan memang saya pribadi lebih senang dengan tampilan yang sederhana.

Cara Mengganti Background Blog dengan Gambar
Bagi anda yang tidak ingin pusing-pusing merubah tampilan blog agar lebih menarik, saya sarankan untuk memilih salah satu dari sekian ribu template yang disediakan situs download template gratis.  Tapi jika anda tetap ingin mengetahui cara merubah background blog dengan gambar silahkan ikuti langkah-langkahnya berikut ini:

Cara Mengganti Background Blog dengan Gambar :

1. Silahkan masuk ke dashboard blogspot
2. Pilih menu Template >> Sesuaikan >> Latar belakang
3. Klik Pada bagian Gambar Latar lalu akan muncul kotak pop up dan silahkan pilih gambar atau desain yang anda senangi

Anda juga bisa mengunggah gambar yang tersimpan di komputer anda, >> unggah gambar >> pilih file >> open >> jika sudah silahkan klik tombol Selesai

Anda dapat mengunggah file JPG, GIF, atau PNG berukuran hingga 300k. Untuk latar belakang penuh, gunakan gambar 1800x1600 atau lebih besar.
usahakan ukuran gambar yang anda gunakan tidak terlalu besar, usahakan di  bawah 50 Kb, agar tidak membuat loading berat dan lama.
Gambar tersebut dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1220 x 880, 500 x 880, 1400 x 880.

Silahkan gunakan fungsi
Gulir dengan laman
Perataan
Deretkan

untuk mendapatkan pengaturan posisi gambar yang maksimal untuk kenyamanan tampilan blog. Perhatikan pada pratinjau, jika tampilan gambar blog sudah cocok dan menarik, klik tombol Terapkan ke blog.

Adapula cara ganti tampilan gambar blog yang kedua,

1. Masuk ke menu Template >> edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : body atau #body atau .body
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCDEE8 none repeat scroll 0 0;
color:#333333;
font-family:Georgia Serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
}

atau bentuk sederhananya seperti ini

body{
background:#d2d2c0;
color:#2226aa;
font:14px verdana,arial,Sans-serif;
text-align:justify;
margin:0;
}

4. Setelah ketemu, Anda tinggal menambahkan kode ini :
url('url link gambar yang ingin dijadikan background') repeat-x;
Sehingga, dari contoh kode diatas, menjadi :

body{
background:#ded8c0 url('url link gambar yang ingin dijadikan background') repeat-x
color:#2226aa;
font:14px verdana,arial,Sans-serif;
text-align:justify;
margin:0;}

4. Klik Pratinjau untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan yang Anda inginkan.

Memang dengan tampilan blogger terbaru, pengaturan tampilan blogspot kini sangat mudah termasuk cara ganti background blog dengan gambar. Jika sobat ingin tahu cara mengatur height html silahkan baca pada link tersebut.

Jangan lupa untuk mengukur kecepatan loading blog karena bisa jadi gambar yang anda upload (unggah) terlalu besar, sehingga ujung-ujungnya membuat pengunjung enggan membuka blog sobat.

Sekian dulu semoga tips blogging dari kumpulan artikel ini dapat bermanfaat.
survei terbukti membayar
2 Cara Ganti Background Blog dengan Gambar, Foto, HTML 2014 | Abu Kholid | 4.3

17 komentar:

  1. bagus templatnya.. terimakasih informasinya

    BalasHapus
  2. makasih banyak infonya ;D saya sudah bisa cara menganti background :D , cara 1 dan 2 sudah saya kuasai terima kasih sebanyak2 nya ":D

    BalasHapus
  3. saya tidak menemukan body { seperti yg agan maksudkan, yg ada juga body> mohon bantuannya gan?

    BalasHapus
    Balasan
    1. body itu ada dibagian < Skin >....

      Hapus
  4. dashboard blogger itu apa?

    BalasHapus
  5. Banyak sekali ilmu dan pengetahuan yang saya dapat dari artikel yang anda buat,

    Terimakasi untuk infonya semoga bermanfaat untuk orang banyak. Salam anomtunggal.
    Mampir juga ke blog saya.

    BalasHapus
  6. dicoba dulu mas hehe .. ^^

    BalasHapus
  7. keren
    lihat jga blog saya
    http://tuju13.blogspot.com/

    BalasHapus
  8. koq kadang image gak muncul, kenapa ya?

    BalasHapus
    Balasan
    1. biasanya karena loadingnya berat atau lama

      Hapus
  9. keren bget gan thanks infonya...

    BalasHapus
  10. mantap gan info nya bermanfaat sekali terima kasih banyak
    tapi masih bingung saya cara supaya postingan kita muncul di google
    jangan lupa mampir gan ke
    felixsindorei.blogspot.com

    BalasHapus
  11. saya gak nemu kode body { ,kenapa ya gan?

    BalasHapus
  12. Saya berhasil ... Trima Kasih Untuk Infonya :)

    BalasHapus
  13. Terima Kasih banyak! blog saya jadi unik lo.... :) ;) (y)

    BalasHapus
  14. Saya Berhasil juga seneng banget saya Makasih ya Keren Banget Nih

    BalasHapus

Tolong bantu jawab ya...^^ Jika ingin tanya, baca jawaban sebelumnya. Ini ada ==>> ASUS Notebook Terbaik dan Favoritku <<==