Dalam mengedit dan memodifikasi sebuah
blog, dibutuhkan pemikiran
dan pandangan yang luas. Contohnya,
background yang Anda ganti,
template yang Anda download, artikel terkait yang Anda gunakan dll.
Namun terlepas dari itu semua, kegunaan yang ingin didapat dari
pengeditan tersebut bukan untuk tampilan yang mewah tetapi lebih ke
kenyamanan pengunjung blog dalam melihat blog kita serta sedikit
ditambahkan
optimization SEO.
Pada artikel yang berjudul "
Cara
Mengganti Background Blog dengan Gambar" ini. Saya akan
menjelaskan cara merubah background dengan gambar pada blog agar
terlihat rapih dan membuat pengunjung merasa nyaman sehingga akan
memaksimalkan traffic pengunjung yang lebih baik. Hal ini juga akan
membuat pengunjung bertahan lama mengikuti setiap artikel yang kita
buat. Untuk tutorial cara mengganti background tersebut sapat anda lihat
dalam artikel kali ini.
Cara Mengganti Background Blog dengan Gambar :
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini :
#body atau
.body
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti
kode dibawah ini :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
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:#28261A;font:12px
verdana,arial,Sans-erif;text-align:left;margin:0;}
5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar
background telah sesuai dengan pengaturan tampilan Anda.
Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar
menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki
panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x
880. Caranya tinggal kamu rubah kata repeat-x; menjadi repeat-x
top left fixed;
Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar.
Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll
0 0;
Bagaimana, mudah kan untuk cara mengganti background sebuah blog. Sekian
dulu artikel Media Blogger dengan kategori Tutorial Blogger ini.
Terimakasih telah membaca artikel saya berjudul
Cara Mengganti Background Blog
dengan Gambar , semoga dapat bermanfaat.
Tidak ada komentar :
Posting Komentar