November 5, 2015

Cara Mengganti Background Blog: Warna Latar yang Baik

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)

Mengganti Background Blog


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:


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

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

1 comment on Cara Mengganti Background Blog: Warna Latar yang Baik

Contact Form

Name

Email *

Message *