Friday, November 25, 2011

Cara Mengganti Background Blogspot

 Author : Haryandi Nuraga (XI-Ilmu Sosial)
Bagaimana cara mengganti Background pada Blog kita? Caranya merubah css. Apakah Background itu? Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Kita hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Kita atau dengan tambahan gambar pada background blog Kita. Mudah dan perlu kesabaran.
Mari kita pelajari tutorial singkat blogspot tentang mengganti background dengan CSS, Langsung saja yuk kita lihat codenya yang sudah siap kita coppy dan pastekan pada Blog Kita, Mudah sekali kok....

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Lalu cari CSS dari "body" seperti dibawah ini:

body {<br />background:#fff url('http://amen24.googlepages.com/pattern_096.gif');<br />margin:0;<br />padding:40px 20px;<br />font:x-small Georgia,Serif;<br />text-align:center;<br />color:#333;<br />font-size/* */:/**/small;<br />font-size: /**/small;<br />}<br />

Kalau mau mencari CSS diatas perhatikan code "body" saja.

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

Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Kita 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 Kita ganti dengan URL gambar :
URLnya : http://www.patterncooler.com/patlib/0031S/213243213243FFF2C3_89.png

Mengantur Background Gambar
background:#FFFFFF url(URL_GAMBAR) no-repeat top left;
no-repeat : berarti gambar didak 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

Lebih mudahnya coba saja coppy kode di bawah dan kita taruh pada css yang ada tulisannya : body : ( jangan lupa kode css punya kita simpan dulu di notepad, jika kita salah bisa kita kembalikan lagi )

<br />body {<br />background:#fff url('http://amen24.googlepages.com/pattern_096.gif');<br />margin:0;<br />padding:40px 20px;<br />font:x-small Georgia,Serif;<br />text-align:center;<br />color:#333;<br />font-size/* */:/**/small;<br />font-size: /**/small;<br />}<br />

Bagaimana? Ada perubahan pada background kita? Kalau ada beri komentar, kalau tidak ada beri komentar…( coba ulangi ulasan dari atas…).
Nah Selamat mencoba dan semoga berhasil

No comments:

Post a Comment

Twitter Facebook

 
Creative by IWAN HERMANA || STUDIO Otak-Atik ||