Menganti Background Di Blog

Assalamu'laikum warohmatulloh wbarokaatuh Sobat setia Catatatan Sederhana kali ni kita belajar mengganti background di Bloger Yang saya dapat kan dari Master Bangdel
Bagaimana Cara nya mengetahui bacground  di Blog ?

Pertama login dibloger sobat
Cari Tema  Di Dasboard terus klik edit html

Tekan CTRL Dan F  ketik  body {

Jreeeng inilah 


body {
background: $bgcolor;   Code ini adalah bacground blog sobat
margin:0;
color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

kecuali kalo sobat pake template gratisan pasti beda

Bagaimana Cara Menggantinya?

ini Rumus nya

background: Code Warna Html url (gambar) posisi di sini no-repeat;

Code warna diganty dengan Code warna  html   url gambar alamat gambar Sobat dan Posisi Disini atur mau nya gimana

Mau repeat-x; atau  repeat-y; atau no-repeat; atau

1. top left
2. top center
3. top right
4. center left
5. center center
6. center right
7. bottom left
8. bottom center
9. bottom right

Jadi seperti ini Nulis nya  Contoh Pertama

Tanpa Tambahan warna Html

background; url(http://Alamat gambar/Nama gambar.jpg) no-repeat top center;

Contoh kedua

body {

background:url(http://Alamat gambar/Namagambar.jpg) no-repeat;

margin:0;

color:$textcolor;

font:x-small Arial sans-serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

background-attachment: fixed }

Contoh ketiga

Ditambah Warna Html

background: #f8e4b8 url(http://Alamat gambar/Namagambar.jpg) repeat-x;

jadi pertama Sobat Lihat Dulu bacground sobat...lalu ganty Code nya 

Contohnya Code background sobat

body {
background: $bgcolor; 
margin:0;
color:$textcolor;
font:x-small Arial sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

terus ganty dengan code ini

body {

background:url(http://Alamat gambar/Namagambar.jpg) no-repeat;

margin:0;

color:$textcolor;

font:x-small Arial sans-serif;

font-size/* */:/**/small;

font-size: /**/small;

text-align: center;

background-attachment: fixed }

pratinjau kalau berhasil save

INGAT Sebelum Mengotak Atik Template Saya saran kan untuk Backup dulu..

ok hanya ini yang bisa saya berikan Selamat Belajar

Alhamdulillah Catatan Sederhana Menganty Background Diblog Telah selesai Mohon maaf jika ada kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh

Artikel Terkait

Cara mengedit Tema Di Blog

Artikel Terkait