Mengganti Background Blog Dengan CSS

Malam gan, kaliini saya akan share cara mengganri background template blog.
Ok, langsung simak gan caranya 

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Lalu cari CSS dari body seperti dibawah ini

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

Kalau mau mencari CSS diatas perhatikan code yang berwarna merah saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.
Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;

URL_GAMBAR ini bisa Anda ganti dengan URL gambar yang Anda pilih misalnya gambar :

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRHQHlX-MSWloXEfgzKTBPp32EePLqsqtkNEqI0z9Sg7ElZizauUw

Mengantur Background Gambar
background:#FFFFFF url(URL_GAMBAR) no-repeat top left;
no-repeat : berarti gambar tdidak akan mengulang, Bisa Anda ganti dengan

• repeat : Mengulang-ulang gambar

• repeat-x : mengulang secara horizontal

• repeat-y : Mengulang secara vertikal

top left : Adalah posisi background bisa anda ganti misalnya bottom right

Ok, hanya itu dari saya semoga membantu agan. :)

Tweet