» » Cara Mengganti Warna Background Blog

Cara Mengganti Warna Background Blog

10:59
0 comments
Cara Mengganti Warna Background Blog – Cara/trik merubah/mengubah warna background blog atau cara mengganti background blog dengan warna - Setelah beberapa kali update post dengan tema cara mempercantik tampilan blog, maka selanjutnya Blogaul akan meruskan posting dengan judul cara mengganti background warna blog.
Blogger, Background Blog
Tampilan blog memang bisa menjadi hiburan tersendiri bagi setiap blogger, apalagi blogger yang suka fashion, pasti suka banget mengganti tampilan blog nya dengan yang fashionable juga. Tapi kebanyakan dari mereka banyak yang bingung apabila ingin mendesain blog apalagi kalau sudah berbicara masalah utak-atik kode HTML. Sebenarnya itu bukanlah hal yang sulit, yang penting kita tekun dan sungguh-sungguh mempelajarinya, kita pasti bisa. Saya saja pada waktu awal-awal berkenalan dengan kode HTML sempet pusing dan bingung, tapi saya semakin tertantang lalu saya terus mempelajarinya dan akhirnya dalam waktu sekitar 6 bulan saya bisa menguasainya (maklum dulu sambil sekolah) – wah malah curhat.. Hehe.. Oke, kembali ke permasalahan, cara mengganti background blog bukanlah suatu hal yang sulit, asal kita mau mencermati kode-kode HTML template, lambat laun kita juga pasti paham karena kode hmtl sering menggunakan kata-kata dalam bahasa inggris sebagai penyusunnya. Background blog biasanya menggunakan gambar, tapi ada juga yang menggunakan kode warna. Cara untuk mengetahui background blog menggunakan gambar atau warna mudah saja, tinggal klik kanan pada tampilan depan blog, jika pilihan “View background Image” pada browser mozilla itu aktif berarti background blog tersebut menggunakan gambar, dan jika tidak aktif berarti menggunakan warna. Kalau misal background blog kita menggunakan gambar, kita pun bisa menghapusnya lalu menggunakan warna sebagai penggantinya. Lantas, bagaimana cara mengganti backgroud warna background blog? Berikut caranya:

1). Background blog yang menggunakan warna lalu ingin diganti dengan warna lain.
Caranya:
a. Masuk ke dashbor blog sobat >> Klik Template >> Edit HTML.

b. Cari kode berikut (gunakan F3 untuk mempermudah)


body {

c. Cari dibawah kode tersebut kata “background”. Contoh:
body {
background: #FFFFFF;
Ket: kode di atas adalah blog yang menggunakan background warna putih. Nah, jika sobat ingin mengganti, sobat tinggal mengganti kode #FFFFFF (putih) dengan kode warna lain. Cari kode-kode warna lain di Google ada banyak sekali.

d. Simpan template sobat.

2). Background blog yang menggunakan gambar lalu ingin diganti dengan warna lain.
Caranya:

a. Masuk ke dashbor blog sobat >> Rancangan >> Edit HTML (centang expand template widget).
b. Cari kode berikut (gunakan F3 untuk mempermudah).

body {
c. Cari dibawah kode tersebut kata “background”. Contoh:


body { background: #000000 url(http://themes.googleusercontent.com/image?id=19aLMMHI-WXcxsojpERe8MlodYlS7yd1qQU1wcTStU21I3bbY7bmlrvVCWE474_XXwWjd) no-repeat scroll top center;

Ket: kode di atas adalah blog yang menggunakan background dengan url= http://themes.googleusercontent.com/image?id=19aLMMHI-WXcxsojpERe8MlodYlS7yd1qQU1wcTStU21I3bbY7bmlrvVCWE474_XXwWjd. 
Nah, jika sobat ingin mengganti hanya dengan warna, sobat tinggal menghapus url tersebut dan mengganti kode #000000 dengan kode warna lain. Cari kode-kode warna lain di Google ada banyak sekali. Misal saya ingin menggantinya dengan warna biru, maka jadinya nanti seperti ini
body { background: #fff;
d. Simpan template sobat.

Nah, sekian tutorial dari saya mengenai cara mengganti warna backgorund blog. Semoga bermanfaat untuk semua
Share:
Terima kasih telah membaca artikel Cara Mengganti Warna Background Blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Mengganti Warna Background Blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.

0 comments

Post a Comment

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini! Emoticon OOT
Back to Top