Selasa, 09 Juni 2015

Cara Merubah Background Blog Dengan Gambar

Maih dalam pembahasan tentang merubah background pada sebuah blog,setelah sebelumnya saya sudah membuat satu postingan tentang cara merubah warna background pada blog,untuk kesempatan kali ini saya akan menuliskan sebuah postingan tutorial yang sedikit sama tapi berbeda ( nah loo) yaitu bagaimana cara merubah background blog dengan gambar yang sesuai dengan keinginan kita.

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
http://i1246.photobucket.com/albums/gg611/ianirman/Advertising%20Design.jpg
  • Maka sobat hanya cukup menambahkan url(http://4.bp.blogspot.com/-Mh_2DfO88DA/USTuEgjCvvI/AAAAAAAACCA/S1-5dgVzYGo/s1600/blog.jpeg pada kode di tersebut sehingga menjadi seperti yang sobat lihat di bawah ini :
body{background:#ded8c0 url(http://i1246.photobucket.com/albums/gg611/ianirman/Advertising%20Design.jpg) 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... 

Penulis : Ian Irman
Disaat waktu ini bermanfaat bagi sesama, disitulah aku mulai menulis.
Semoga Artikel ini berguna bagi para Sahabat....Terima Kasih.

0 komentar:

Posting Komentar