Pada kesempatan kali ini saya akan membahas Cara Mengganti Background Blog dengan menggunakan gambar,agar blog sobat terlihat rapih dan m...
Pada kesempatan kali ini saya akan membahas Cara Mengganti Background Blog dengan menggunakan gambar,agar blog sobat terlihat rapih dan membuat pengunjung merasa nyaman sehingga akan memaksimalkan traffic pengunjung yang lebih baik, dan tentunya juga hal ini dapat membuat pengunjung betah berlama-lama mengikuti setiap artikel yang sobat buat.
Dalam mengedit dan memodifikasi sebuah blog,dibutuhkan pemikiran dan pandangan yang luas.Contohnya, background yang Sobat ganti,harus menyesuaikan dengan tema atau artikel-artikel yang di posting,seperti gambar di atas itu adalah background blog Penghuni Dumay,yang saya sesuaikan dengan warna font dan widget pada template.Namun terlepas dari itu semua, kegunaan yang ingin didapat dari pengeditan tersebut bukan untuk tampilan yang mewah tetapi lebih ke kenyamanan visitor saat mengunjungi blog kita.
1. Silahkan Sobat 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, Sobat 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 yang sobat inginkan.
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 sobat rubah script repeat-x; menjadi repeat-x top left fixed;
Atau Sobat juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;
Bagaimana, mudah kan mengganti background sebuah blog. Sekian saja Tutorial Blogger kali ini.Terimakasih telah brekunjung,selamat mencoba smoga berhasil.
COMMENTS