Selasa, 23 Juni 2009

Prosedur Dalam Mengubah Background Blogger

Buat anda yang menggunakan template minima, tentunya tahu bahwa warna background yang terdapat pada template tersebut hanya satu warna dasar saja. Dengan alasan itu pula banyak blogger yang tidak suka menggunakannya dan lebih memilih untuk mencari template lain yang jauh lebih menarik. Namun terlepas dari itu masih banyak juga blogger yang tetap menggunakannya dengan alasan lebih simpel dan mudah untuk mengedit HTML-nya, apakah anda salah satunya? Nah apabila anda salah satu pengguna template minima tersebut, tips yang saya berikan ini layak untuk anda coba untuk menjadikan template minima anda lebih menarik. Caraya yaitu dengan mengganti style background-nya. Disini anda bisa memilih apakah ingin mengganti warnanya saja atau mengganti background dengan menggunakan gambar atau image.Tips dari saya, apabila mengganti background dengan warna atau image, carilah kombinasi warna dan gambar yang tepat supaya tulisan kita tetap mudah dibaca karena tulisan yang sulit untuk dibaca oleh pengunjung tentunya akan membuat pengunjung malas untuk membaca artikel artikel-artikel kita.Ok kita mulai, disini yang akan saya jadikan contoh tentunya template minima sebagai template asli blogger.

Mengganti warna backgroundUntuk template minima klasik:

1.Sign in di blogger anda

2.Klik Template

3.Lalu klik Edit HTML

4.Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5.Rubahlah kode warna asli template dengan kode warna yang diinginkan (warna biru adalah kode yang harus diubah)

body {background:#fff;margin:0;padding:40px 20px;font:x-small Georgia,Serif;text-align:center;color:#333;font-size/* */:/**/small;font-size: /**/small;}
Misalkan jika ingin menjadi warna abu-abu terang, kodenya jadi seperti ini :
body {background:#E7E3E3;margin:0;padding:40px 20px;font:x-small Georgia,Serif;text-align:center;color:#333;font-size/* */:/**/small;font-size: /**/small;}

6.Klik tombol Pratinjau untuk melihat perubahan

7.Jika sudah OK, klik tombol Simpan Perubahan Template

8.Selesai.

Untuk template minima baru:

1.sign in di blogger anda

2.Klik menu Layout

3.Klik menu Fon dan Warna

4.Pada gambar teks area sebelah kiri, pilih yang Warna latar Belakang Halaman

5.Klik warna yang anda sukai pada gambar warna-warna yang di tampilkan, lalu lihat
perubahannya pada gambar di sebelah bawah

6.Apabila sudah selesai, klik SIMPAN PERUBAHAN

7.Selesai.

Catatan:Untuk kode warna anda bisa melihatnya di situs-situs yang banyak terdapat di internetMengganti background dengan image:Sebagai langkah awal, anda harus menyiapkan image terlebih dahulu. Image tersebut bisa berupa foto, gambar animasi atau apa saja. Setelah itu anda harus menguploadnya disitus lain untuk menyimpan gambar.
Untuk ukuran gambar, anda tidak harus membuatnya dalam bentuk yang sangat besar, karena walaupun ukurannya kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja.

Untuk cara memasangnya silahkan ikuti langkah dibawah ini:

Untuk template minima klasik:

1.Sign in di blogger anda

2.Klik Template

3.Lalu klik Edit HTML

4.Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5.Tambahkan kode berikut pada style sheet css anda(yang warna merah adalah kode yang harus di tambahkan) :

body {background:#fff url('http://www.geocities.com/junjungpurba/background.gif');margin:0;padding:40px 20px;font:x-small Georgia,Serif;text-align:center;color:#333;font-size/* */:/**/small;font-size: /**/small;}
6.Klik tombol Pratinjau untuk melihat perubahan

7.Jika sudah OK, klik tombol Simpan Perubahan Template

8.Selesai.

Untuk template minima baru:

1.Sign in di blogger anda

2.Klik Layout

3.Lalu klik Edit HTML

4.Klik tulisan Download Template Lengkap, silahkan save dulu template anda untuk backup data

5.Klik Expand Template Widget

6.Tunggu beberapa saat sampai proses selesai

7.Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :

body {background:$bgcolorurl('http://www.geocities.com/junjungpurba/background.gif');margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}

8.Klik Pratinjau untuk melihat perubahan

9.Bila sudah OK, klik tombol SIMPAN TEMPLATE

10.Selesai.

Tidak ada komentar:

Posting Komentar