HOME Indonesian Tourisme About Me

Rabu, 29 Juli 2009

Merubah warna background template

Sekali lagi tutorial ringan, tetapi siapa tahu ada yang belum tahu heheh..ribet bahasanya, begini masalahnya, blog saya ini kan sebenarnya pas loading pertama (background pertama (blog background) itu warna hitam terus ter cover lagi sama backround ke dua putih dan biru(main page and sidebar page), nah saya pernah cari tutorial mengenai ganti backround pertama (blog) sebenarnya, kok yang terganti backround yang ke dua (halaman), kalau backround yang kedua (halaman)kan bisa dari tata letak terus font dan warna, ya kan?Atau mungkin saya salah ambil tutorial? Ya kali namanya jg baru belajar, harus trial and error dl

Saya tidak tahu apakah cuma di template saya yang backgroundnya dobel, okelah kembali ke background pertama (utama)
Misalnya kita menemukan cara rubah warna background pertama blog spt ini :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah kalaupun sudah dapat tutorial pun kita kadang bingung kode htmlnya gak sama ya dengan template kita, gini saja deh pokoknya apapun kode html anda, (Yang pasti simpan dl template yang akan diganti) patokannya begini aja :


Cari dulu kode ini : body {
Lalu cari dibawahnya, terus aja diurut sampai ketemu : background:#fff;
Lalu ganti deh yang warna hijau dengan kode warna kesukaan anda

Kalau di HTML saya kan seperti dibawah ini (lihat saja beda kan dengan kode panduan yang diatas?Bingung kan? sering kejadian begini karena kita memakai tamplate yang berbeda) ya sudah aku hilangkan saja yang warna hijau dan aku ganti dengan kode warna lain, bisa juga diganti dengan alamat url photo lho..Aku berani lakukan ini karena selalu simpan template lama, trial and error akhirnya jadi merubah blog ku.

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5hd7_4JQViKjA0X8So3X-Oq41lpeQioppTEoNW5H58g3GNIHTvYG-FmRkh2Gq-W8uu79AwhJowYQhuw7h7zmAZkmebRokDojyR9mu4XvQNmHZmpFAIKq2t0gucABormkoAIOJDuDcoYI/s1600/dgrey013.gif) center;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;

Thanks, by Aryo

Related Posts by Categories



2 Komentar:

Ardi's Zone mengatakan...

sangat membantu nih boz,maksih ya.......

Aryo Halim mengatakan...

sama2, saya hanya membagi pengalaman jungkir baliknya membangun blog ini, selebihnya ya terserah sobat2 mau dipakai atau tidak pengalaman saya

FEEDJIT Live Traffic Feed

Cari Blog Ini

Link Exchange

ini link saya, tinggal copas
<a href="http://aryosp.blogspot.com//" target="_blank"><span style="font-weight:bold;"><u>Aryo Humanika</u><br/ >
Ini Banner Link
<br/><br/><a href="http://aryosp.blogspot.com/" target="_blank"><br/><img border="0" alt="Kolom blog tutorial " src="http://i736.photobucket.com/albums/xx5/aryosp/cooltext431377475.png"/></a><br/><br/>

Aryo Humanika © 2008. Template by Dicas Blogger.

TOPO