Cara mengganti background blog atau website

Mengganti Background blog

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 blog atau website dengan html

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

Jika anda ingin mengganti background dengan warna

<body bgcolor="blue">

Warna yang bisa digunakan sangat banyak bukan hanya dengan nama seperti blue, yellow, red, tapi bisa dengan kode khusus. Silahkan liat posting saya Referensi Warna untuk html dan css

Jika anda ingin mengganti background dengan gambar

<body background="nama-file-gambar.jpg">

2. Mengganti background blog atau 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;
}

Untuk warna silahkan lihat posting saya Referensi Warna untuk html dan css

Jika anda ingin mengganti background dengan gambar

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

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

background:#cccccc url(file-gambar.jpg) repeat-x;

yang diawali tanda # adalah kode warna, sehingga jika ada area bacground yang tidak tertutup gambar akan ditutup oleh warna tersebut. Trus url(...) adalah nama file gambar. Trus repeat-x digunakan untuk mengulang tampil background ke titik x atau horizontal. Opsi lain ada no-repeat (hanya ditampilkan sekali) repeat-y (diulang ke bawah atau vertikal) jika tidak dituliskan berarti ikut defaultnya yaitu diulang horizontal dan vertikal.

Ada juga opsi lanjutan yaitu scroll dan fixed, top, bottom, center, left dan right dana metode penulisan lainya untuk posisi seperti 10px. Untuk metode menggunakan css ini memang lebih banyak pilihan tergantung keperluan. Secara susunan hirarki     :
    background-color
    background-image
    background-repeat
    background-attachment
    background-position

Jika ada komentar atau pertanyaan silahkan kirimkan lewat form komentar.

Semoga bermanfaat

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **

Artikel Lainnya

  • Pengertian istilah TAG, ATRIBUT dan VALUE dalam HTML
    Mungkin istilah TAG, ATRIBUT dan VALUE dalam HTML agak terlupakan, karena kebanyakan teman-teman yang sedang belajar membuat web sekarang lebih dimanjakan oleh editor web visual yang sangat praktis dan instan. Berikut ini saya coba mengingatkan kembali tentang 3 istilah dasar tersebut agar pemahaman serta penggunaan HTML lebih mudah.
  • Cara memasukkan file flash ke halaman website
    Berikut ini tutorial tentang memasukkan file animasi flash ke dalam halaman website atau blog dengan perintah html. Flash adalah salah satu jenis hasil karya multimedia yang dapat digunakan untuk menampilkan animasi berbentuk gambar, tulisan, video, dan suara dengan kualitas yang cukup baik.
  • Membuat tabel dengan HTML
    Tabel adalah salah satu objek terpenting yang bisa kita gunakan untuk banyak keperluan. Tabel bisa digunakan untuk membuat laporan dengan HTML, bisa digunakan untuk menyusun objek lain seperti gambar atau tulisan, bahkan tabel juga bisa digunakan untuk menata layout tampilan web. Bagi anda yang sedang belajar bahasa pemrograman web seperti PHP atau yang lainya, tabel ini juga bagian terpenting yang harus anda ketahui karena bentuk laporan dari database tentunya akan disajikan dalam bentuk tabel. Bagaimana cara membuat tabel yang benar? dan bagaimana contohnya?
  • Contoh penggunaan HTML5
    Pada tulisan sebelumnya, saya sudah mengenalkan sedikit tentang HTML5 yang meluputi fitur-fitur terbaru serta unggulan yang sudah disediakan dan bisa digunakan asalkan browsernya sudah mendukung. Berikut ini saya akan membuatkan beberapa contoh tag cara penulisan dan penggunaan HTML5.
  • Mengatur urutan pengisian form
    Sebagian orang mengabaikan urutan pengisian form karena proses input data masih bisa dibantu dengan adanya mouse, sehingga bisa dengan leluasa berpindah dari isian satu ke lainya. Tapi kita bisa Mengatur urutan pengisian form dengan atribut tabindex

Kiriman terbaru