Wednesday, 5 June 2013

Cara Mudah Mengganti Warna Background Blog

Blogger, Background Blog
Cara Mudah Mengganti Warna 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. 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 >> Lanjutkan (jangan lupa centang Expand Template Widget).
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.

Semoga bermanfaat.. :D

0 comments

Post a Comment