Background Pada Tajuk Post

Cara menambah background pada tajuk posting adalah sama seperti menambah Background Pada Tajuk Sidebar, cuma pada kod css yang berbeza. Dah ramai bertanya tapi lupa nak postkan. Ok untuk tajuk post cari kod ini.

.post h3 {
........
........
........
........
}

1. Untuk background bercolor cuma tambahkan kod warna kedalamnya.

.post h3 {
background: #000;
........
........
........
}

2. Gantikan kod warna biru tersebut ikut kehendak masing2 yer. Kod warna Disini.

3. Jika ingin membuat background bergambar tambahkan kod berikut.

.post h3 {
background:url(http://alamat gambar antum.jpg)repeat-x;
........
........
........
}

4. Gantikan alamat gambar tersebut. Ok siap.. Preview dan lihat hasilnya. Puas hati terus save yer.

Menambah Background Pada Blog

Ini cara untuk menambah latarbelakang pada blog kita.. Contoh macam blog ini, Ana hiasi dengan background bintang2 kebiruan. Background ini sesuai untuk template yang tidak terlalu besar, atau ukuran lebar tidak melebihi 950px. Kalau besar macam mana nak nampak kan. Ok caranya..

1. Antum pilih la apa2 gambar yang ingin dijadikan background. Kalau nak cantik gambar tu mesti ikut saiz resolution dekstop Antum. Biasanya 1204x768px. Upload gambar tersebut untuk dapatkan linknya.

2. Seterusnya cari kod dibawah.

body {
background:#000000;
margin:0;
color:#333333;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

3. Dah jumpa, gantikan dengan kod dibawah.

body {
background-image:url(http://alamat gambar.jpg);
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat;
}

4. Gantikan tulisan merah dengan alamat gambar Antum.

5. Preview dan lihat hasilnya. Klik butang save jika Antum berpuas hati.

Background Pada Posting

Banyak tujuan kita memasang background pada post entry, antaranya untuk mencantikkan setiap entry dan menonjolkan kalimah2 yang penting untuk pengunjung. Ada dua bentuk background yang boleh kita gunakan, background berwarna dan bergambar.

Lihat contoh:

Untuk background berwarna:-

Contoh Penulisan Disini....
Contoh Penulisan Disini....
Contoh Penulisan Disini....

Ini kod untuk background berwarna.

<div style="background:#FFFFCC; border:1px dotted #F5003D; padding:5px;">
Contoh Penulisan Disini....
</div>

kod merah adalah warna background dan border. Kod warna DISINI.

Untuk background bergambar pula:-

Contoh Penulisan Disini....
Contoh Penulisan Disini....
Contoh Penulisan Disini....

kod untuk background bergambar.

<div style="background:url(http://i302.photobucket.com/albums/nn113/aburifaie/green_backgroundcopy.jpg); padding:5px;">Contoh Penulisan Disini.....</div>

Gantikan text merah dengan alamat gambar Antum

Siap....Selamat mencuba

Background Pada Tajuk Sidebar

Ingin menjadikan tajuk sidebar lebih menarik?? Mudah saja, kita boleh meletakkan background yang bermacam² mengikut kretiviti masing². Ok mari lihat caranya..

1. Loggin ke Blogger => Layout =>Edit HTML dan cari kode dibawah.

.sidebar h2 {

2. Tambah kode ini selepasnya..

background:url(http://i302.photobucket.com/albums/nn113/aburifaie/sl.jpg)repeat-x;

3. Gantikan alamat background yang berwarna merah. Siap..

Tambahan:- Kalau Antum xjumpa kode .sidebar h2 { di template Antum, boleh guna cara ini. Tambah kode dibawah di bahagian sidebar.

.sidebar h2 {
background:url(http://i302.photobucket.com/albums/nn113/aburifaie/sl.jpg)repeat-x;
color: #FFFF66;
font-size: 11px;
font-family: Georgia;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
text-align:center;
}

Gantikan alamat background yang berwarna merah. Biru warna tulisan. Ungu size tulisan. Hijau kedudukan tulisan.