Sabtu, 21 Juli 2012

mengganti bagroun 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? 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 { 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 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 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 : back 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.

Tidak ada komentar:

Posting Komentar

jangan lupa like dan komen ya