Gambar Nemu Di Google |
Untuk caranya masih sama seperti cara pada postingan sebelumnya,yaitu cara merubah warna background pada blog,hanya saja yang jadi pembeda adalah adanya tambahan URL gambar yang akan di jadikan background pada blog kita,dan saya sarankan sobat harus sudah mempunya gambar yang akan di jadikan background yang kemudian di upload ke hosting kepercayaan sobat atau bisa di apload juga ke blog langsung untuk selanjutnya sobat ambil URL nya.Saya anggap untuk mengambil URL gambar sobat sudah mengerti,jika belum silahkan baca dulu Cara Mengambil Url Gambar DI photobucket.
Untuk selanjutnya mari kita simak baik-baik bagaimana cara merubah background blog kita dengan gambar yang sesuai dengan yang kita inginkan:
- Pertama login ke blog,
- Kemudian pilih menu template>>edit template>>centang expand widget template (jangan lupa backup dulu template nya)
- Selanjutnya sobat cari kode body {
- Untuk memudahkan mencari,gunakan ctrl+f
- Nah di sana terdapat kode background seperti di bawah ini
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
- Setiap blog mungkin berbeda Backgroundnya, nah untuk mengganti backborund misal dengan background menggunakan URL gambar ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sYeRZO2SCRhXMm8gwJjITcw3tK7ERUloA-TpHhADQFeWIxZpB49AyuRzXvNJJWptzdjUEUa3gZ9Oh0KgNrDeU0o9Vl-TCaaY7USPFpieuGVSFAMzvAkjTmyJ_CvK1JE3qJGG1oAmByA/s1600/blog.jpeg
- Maka sobat hanya cukup menambahkan url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sYeRZO2SCRhXMm8gwJjITcw3tK7ERUloA-TpHhADQFeWIxZpB49AyuRzXvNJJWptzdjUEUa3gZ9Oh0KgNrDeU0o9Vl-TCaaY7USPFpieuGVSFAMzvAkjTmyJ_CvK1JE3qJGG1oAmByA/s1600/blog.jpeg pada kode di tersebut sehingga menjadi seperti yang sobat lihat di bawah ini :
body{
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sYeRZO2SCRhXMm8gwJjITcw3tK7ERUloA-TpHhADQFeWIxZpB49AyuRzXvNJJWptzdjUEUa3gZ9Oh0KgNrDeU0o9Vl-TCaaY7USPFpieuGVSFAMzvAkjTmyJ_CvK1JE3qJGG1oAmByA/s1600/blog.jpeg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. 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;
Untuk demonya silahkan sobat lihat saja sendiri background saya yang tadinya berwarna putih,sekarang telah saya rubah dengan gambar seperti saat ini yang sobat sedang lihat (gak tau gambar apaan hee..)Oke mungkin ini saja yang bisa saya jelaskan tentang bagaimana cara merubah background pada blog dengan gambar.Terimakasih
SEMOGA BERMANFAAT...
0 komentar:
Posting Komentar