Mengganti Background dengan Gambar sendiri

Siapkan gambar yang ingin dijadikan background pada blog anda, dengan ukuran terserah anda, akan tetapi jangan terlalu besar, karena akan memperlama pengunjung membuka blog anda.
upload gambar anda ke situs2 file hosting...misalnya Picasa..
Jika gambar sudah ditentukan, ikuti langkah-langkah berikut :

Lakukan Login terlebih dahulu pada blog anda
Klik Menu Layout

Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download atau dengan cara meng-Copy seluruh kode Template, paste pada notepad lalu save)

Kemudian tambahkan kode (alamat gambar) berikut pada style sheet css anda

url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KP_6MzF6I33q4HtuihJIupT3CaXIb-03ojweXvbyzrkLo3IDOIFvMCbeTACAPjQWwEG9_A9CHtn8_iR2q7TTaeYMkncAIp-XNYZ_jIrtx0Bf1jAlVATOMsivQ8rz8XWJLkMM9yrdPsCI/s912/cool20090108_021.jpg');

dan letakkan pada teks yang berwarna merah:

untuk minima klasik :

body {  
    background: $bgColor;
    font: $bodyFont;
    text-align: center;
    margin: 0px;
    padding: 0px;
        color: $textColor;
       
    }


untuk minima baru :

body {  
    background: $bgColor url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KP_6MzF6I33q4HtuihJIupT3CaXIb-03ojweXvbyzrkLo3IDOIFvMCbeTACAPjQWwEG9_A9CHtn8_iR2q7TTaeYMkncAIp-XNYZ_jIrtx0Bf1jAlVATOMsivQ8rz8XWJLkMM9yrdPsCI/s912/cool20090108_021.jpg');
    font: $bodyFont;
    text-align: center;
    margin: 0px;
    padding: 0px;
        color: $textColor;
       
    }

Silahkan diganti alamat link gambar yang berwarna diatas dengan alamat gambar anda.

Klik tombol Preview untuk melihat perubahan

Jika sudah sesuai dengan keinginan, klik tombol Save Template

0 komentar:

Posting Komentar

Pengikut

Sponsor