Cara Mengganti Background Blog: Warna Latar yang Baik

Published: November 5, 2015

Cara Mengganti Background Blog dengan HTML & Gambar. Memilih Warna Latar yang Baik.

BACKGROUND atau warna latar belakang blog merupakan salah satu isu di kalangan blogger, terutama soal warna yang pas atau baik.

Cara mengganti background blog adalah dengan mengganti kode warna di body. Bisa juga dengan latar gambar, namun tidak dianjurkan karena membebani loading (blog jadi berat).

Harap diingat pula, background blog ini hanya tampil di desktop. Jika blog dibuka di HP, maka latar blog tidak muncul karena layar penuh dengan "main-wrapper" atau "main area" (text area).

CB sendiri menggunakan background warna gradasi atau gradien. Silakan pake kalo minat.

KODE BACKGROUD BLOG CB

rgba(226,226,226,1);

    background: -moz-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 17%, rgba(254,254,254,1) 53%, rgba(209,209,209,1) 100%);

    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(17%, rgba(219,219,219,1)), color-stop(53%, rgba(254,254,254,1)), color-stop(100%, rgba(209,209,209,1)));

    background: -webkit-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 17%, rgba(254,254,254,1) 53%, rgba(209,209,209,1) 100%);

    background: -o-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 17%, rgba(254,254,254,1) 53%, rgba(209,209,209,1) 100%);

    background: -ms-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 17%, rgba(254,254,254,1) 53%, rgba(209,209,209,1) 100%);

    background: linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 17%, rgba(254,254,254,1) 53%, rgba(209,209,209,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1', GradientType=1 );

Simpan kode di atas di bagian kode body{background: DI SINI ...}

Cara Ganti Background Blog Bawaan Blogger

Cara mengganti background blog dari template bawaan blogger sangat mudah:
1. Klik "Template" > klik "Customize" ("Sesuaikan")

2. Klik "Background" (Latar Belakang)

3. Pilih gambar atau warna

4. Klik "Apply to Blogger" di kanan atas.

Panduan ganti background selengkapnya ada di Blogger Help.

Cara Ganti Background dengan Kode HTML

1. Template > Edit HTM:

2. Cari kode body {background:#kode warna

3. Ganti kode warna dengan pilihan Anda. (Kode Warna HTML).

Cara Ganti Background blog dengan Gambar

Siapkan dulu gambarnya. Simpan di Picasa Web atau tempat lain, lalu ambil (copas) url link gambarnya. Namun, sekali lagi, mengganti latar blog dengan gambar bisa memberatkan blog. So, tidak recommend ya.

1. Template > Edit HTML

2. Cari kode body {background:#kode warna

3. Ganti dengan kode seperti di bawah ini

body{background-image: url(url gambar anda);background-position:top left;background-repeat: repeat-x repeat-y; 

Atau seperti di bawah ini.

body: #E7E5E6{background-image: url(url gambar anda);background-position:top left;background-repeat: repeat-x repeat-y; 

Warna Latar Blog yang Baik

Warna background yang baik itu yang tidak membuat silau, yang sejuk, atau yang ramah pengguna. Menurut CB, warna terbaik latar blog adalah yang sesuai dengan User Experience (UX) sehingga bikin pengunjung nyaman dan betah.

Misalnya, gunakan warna latar belakang seperti Facebook dan Twitter sehingga pengunjung terbiasa. Kode warna latar Facebook adalah #e9eaed

Bisa juga menggunakan warga latar seperti dashboard blogger, khususnya warna latar saat kita posting, yaitu: #f3f3f3.

Anda bebas memilih warna latar blog, misalnya hitam (#0000, #111, #222) atau putih (#fff). Yang jelas, warna latar tidak muncul saat blog dibuka di HP dan jangan pilih warna yang menyilaukan mata.

Baca juga:

• Hindari Merah dan Orange 
• Gunakan Link Biru di Posting Blog

Demikian ulasan tentang cara mengganti warna background blog dan warna terbaik. Good Luck! (http://www.contohblog.com).*

Thanks for reading Cara Mengganti Background Blog: Warna Latar yang Baik | Labels: Desain Blog

• Facebook
• Twitter

Related Posts