13 Februari 2016

Cara Edit Background Template Blogger Responsive Sugeng.id

Akhdan Adinata

Jika kamu telah mendowload template gratis Blogger Responsive untuk Blog Personal milik mas Sugeng yang di download dari Sugeng.id atau mas Sugeng dan ingin mengganti backgroundnya. Nah berikut tutorilanya.

Ganti warna background

Jika kamu ingin mengganti background dengan warna maka cari kode warna HTMLnya
1. Cari warnanya di web Html-color-code.info. Lalu pilih warna yang kalian suka. 
2. Klik salah satu warna, setelah muncul kode warna misal #00FFFF copy kode warna tersebut
3. Masuk blogger.com anda
4. Klik Template
5. Klik Edit HTM
6. Cari Kode berikut dengan cara CTRL + F pada kotak Edit HTML tadi
body {

background: #81F7F3;

margin: 0;
padding: 0;
color: #585858;
font: normal 100% "PT Serif", Georgia, serif;
font-size: 16px;
text-align: center;

}
7. Ganti yang warna kuning diatas dengan kode warna HTML yang telah anda cari tadi #00FFFF 
8. Klik Simpan / Save template

Sekarang lihat blog anda, sudahkah berubah warna backgroundnya? Jika warna tidak cocok cari warna lainya.

Ganti background gambar

Jika ingin menganti background dengan gambar maka anda harus melakukan hal berikut
1. Mencari background dulu lihat di Cara mencari background blog keren atau cari langsung di Subtlepatterns.com atau ganti dengan backrground yang anda suka. 
2. Setelah mendapat background upload background terbut ke Laman atau Post bog anda
3. Setelah anda upload copy URL Image Addressnya
4. Cari Kode berikut dengan cara CTRL + F pada kotak Edit HTML tadi
body {

background: #81F7F3;

margin: 0;
padding: 0;
color: #585858;
font: normal 100% "PT Serif", Georgia, serif;
font-size: 16px;
text-align: center;

}
5. Tambhakan kode berikut dibelakang warna kuning 
;background-image: url(http://3.bp.blogspot.com/-PjhEBOzGGbg/VqCGm9BInQI/AAAAAAAAApY/LMBBWI1Cje0/s320/background%2Bpink.png);
6. Sehingga menjadi 
body {

background: #81F7F3;;background-image: url(image url paste disini);

margin: 0;
padding: 0;
color: #585858;
font: normal 100% "PT Serif", Georgia, serif;
font-size: 16px;
text-align: center;

}
7. Ganti warna merah dengan URL Image Address yang telah anda upload tadi
8. Klik save template

Sekarang lihat blog anda. Sudah berubah kan? Demikian cara edit background template 

0 comments:

Posting Komentar

Terimakasih telah berkunjung, silahkan tinggalkan komentar