Cara Mengganti Background Blog

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…

Anda Sudah Baca Yang Ini? :

daftar isi blog

• Bertakwalah kepada Allah (QS. Al Hasyr : 18)
• Kendalikan hawa nafsu marah
• Berprasangka baik dapat pahala
• Sesama Manusia Budayakan Saling Menasehati
• Mengingat kebaikan dan memberi pujian bagi orang yang telah meninggal dunia
• Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
• Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
• Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
• Cara mudah membuat Blog. (Bagi Blogger Pemula)
• Free Download Mp3 Bob Marley (Gratis)
• Blog yang Menghasilkan Uang Milyaran Per Tahun
• Daftar Lengkap Submit ke directory dan Submit ke social bookmark
• Cara Membuat Iklan Melayang di Blog
• Google Adsense Problem Pin
• Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
• Cara Membuat Daftar Isi Blog 2
• Cara Membuat Daftar Isi Blog 1
• Hasil Pertandingan Google Page Rank dengan Blogku
• Award From Dhana Arsega / 戴安娜 With Love Best Wishes
• Cantiknya Seri Bahasa Community Blogger Award
• Cara Setiap Posting Blog Tampil di Facebook
• Mulai Bulan Maret 2010 Perfect Money for Business Tidak Bayar kecuali PR 5
• Menu Horizontal Css dengan Drop Down yang Cantik Menarik
• Alexa Semakin Gendut
• Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT

tutorial blog

• Kenapa dan mengapa Para Pejabat Indonesia banyak yang KORUPSI?
• Cara mudah membuat posting Kode HTML Java Script di Blogspot / Wordpress
• Cara membuat Favicon atau Icon di browser Blog anda dengan mudah
• Blog yang Menghasilkan Uang Milyaran Per Tahun
• Daftar Lengkap Submit ke directory dan Submit ke social bookmark
• Cara Membuat Iklan Melayang di Blog
• Google Adsense Problem Pin
• Kenapa Blog Kluwan dot com Page Rank Turun? Djadwal Google PR up-date
• Cara Membuat Daftar Isi Blog 2
• Cara Membuat Daftar Isi Blog 1
• Hasil Pertandingan Google Page Rank dengan Blogku
• Award From Dhana Arsega / 戴安娜 With Love Best Wishes
• Cara Setiap Posting Blog Tampil di Facebook
• Mulai Bulan Maret 2010 Perfect Money for Business Tidak Bayar kecuali PR 5
• Alexa Semakin Gendut
• Cuma lima menit Hanya Daftar Dapat $50 dari DomainIT
• Ikutan yuk di Review NegeriAds.Com
• Cara Mengembalikan "Title / Judul" Blog yang Hilang
• Younger Tip with Tomatoes
• Cara Membuat Navbar Blog Auto Show and Hide 3
• Cara Untuk menampilkan navbar blogger 2
• Menampilkan Navbar yang hilang pada Blog
• Navbar Styles Transparans baru
• Cara memasang kode Sign in pada Blogger di Blog
• Cara Google Translate Widget Tambahkan ke blogger