Mengganti Background Blog Dengan CSS
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 Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.
Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Lalu cari CSS dari body seperti dibawah ini
body {
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 hijau 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 dilihatdisini.
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 :
URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg
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
sedikit tambahan jika Anda mau mencari koleksi background
http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/
Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.
Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Lalu cari CSS dari body seperti dibawah ini
body {
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 hijau 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 dilihatdisini.
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 :
URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg
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
sedikit tambahan jika Anda mau mencari koleksi background
http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/
Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.
No comments:
Post a Comment