Sabtu, 12 Maret 2011

Cara Mengedit Background di Blogspot


Setiap kita memilih template blog, kadang kita menyukai struktur dari template tersebut tetapi tidak suka dengan backgroundnya. Nah, tutorial kustomisasi kali ini akan memaparkan langkah-langkah mengganti/ mengedit background di Blogspot.


1. Seperti biasa, Login ke Blogger, pilih Rancangan, lalu pilih Edit HTML.
2. Temuka kode body {
3. Kode CSS body {  bisa berbeda-beda tiap template.
    Contoh kode tersebut adalah seperti berikut:

    body {
     background:$bgcolor;
     margin:0;
     color:$textcolor;
     font:x-small Georgia Serif;
     font-size/* */:/**/small;
     font-size: /**/small;
     text-align: center;
    } 


4. Temen-temen perhatikan saja properti background: $bgcolor;
5. Jika kodenya seperti body { background: $bgcolor; , untuk mengganti warna background, temen-temen
    harus menemukan kode berikut :

     <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#8f8e8e">

    Lalu ganti kode yang bewarna merah dengan kode warna yang diinginkan.
    Jika  kodenya body { background: #8f8e8e , maka temen-temen bisa langsung mengganti kode warna
    tersebut.
    (Untuk mencari kode warna, ada di menu Hex Color Code Chart & Generator)

6. Lalu bagaimana jika ingin mengganti background dengan gambar (image)?
7. Pertama-tama temen harus meng-upload gambar yang ingin dijadikan background ke image hosting
    terlebih dahulu seperti ImageShack, PhotoBucket, dll. Lalu simpan direct link gambar tersebut.
8. Kemudian mengganti kode body { background: $bgcolor; atau body { background: #8f8e8e
    menjadi seperti ini:
body { background: url('http://direct link image yang sudah di-upload tadi') repeat;
9. Simpan, lalu coba lihat blog temen-temen.

Oh, iya. Aku ada referensi nih, untuk mencari image buat background blog :



Kalau ada kesalahan dalam post ini, atau ada yang ingin menambahkan silahkan menuliskan pesan di bawah ini. Terimakasih. 

Tidak ada komentar:

Posting Komentar