Cara Mengganti Background Website

On Oktober 16, 2013

Untuk mengganti background blog atau website tentunya anda harus punya akses untuk memodifikasi susunan kode halamannya, baik lewat control panel, ftp maupun fasilitas yang sudah disediakan sistem kelola kontent (CMS). Setelah itu baru kita bisa lakukan dengan dua cara berikut:

1. Mengganti background website dengan html

Anda buka kode halaman utama/template blog atau website, kemudian cari kode <body> dan tambahkan kode seperti contoh berikut ini:

<body bgcolor=”blue”>

Jika anda ingin mengganti background dengan gambar

<body background=”nama-gambar.jpg”>

2. Mengganti background website dengan css

Anda buka kode halaman utama/template blog atau website, kemudian cari kode body diantara perintah body {..}, trus tambahkan kode seperti contoh berikut ini :

Jika anda ingin mengganti background dengan warna

body{
background-color:blue;
}

Jika anda ingin mengganti background dengan gambar

body{
background:url(nama-gambar.jpg);
}

khusus perintah background ini bisa ditambahkan beberapa elemen opsional : warna, pengulangan, dan posisi, sehingga jika lengkap bisa dituliskan:

body{
background: #CCC url(nama-gambar.jpg) repeat-x center top;
}

Yang artinya body
- Memiliki background warna abu-abu
- frontnya ada gambar dengan pengulangan secara horisontal
- posisi gambar secara horisontal di tengah/middle/center
- posisi gambar secara vertikal di atas/top

Comments are closed.

free counters