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.
DMCA.com
2 Cara Ganti Background Blog dengan Gambar, Foto, HTML 2014 | Abu Kholid | 4.3