Background Di Post Entri Dan Sidebar

...Celoteh Si Budak
09/03/2012 (Jumaat)

Assalamualaikum ..

Hari ni ain nak buat tuto sikit la ...
Jom sama2 ikot tuto ni ye ... tutorial ni for layout template

pergi ke dashboard -> design -> edit html

untuk post entri ::
tekan ctrl F cari kod .post {

dan paste kan kod dibawah ni dkt BAWAH .post {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8aGy223YnS1QFWyDKNDkX5maIm9pp8DLLWuw_C0gud8NL25PXAqm7Hq7YA96-MUnZpxFPxJFgAFtmZqDoqk_lpY_n0Za4XcaKSe_7Jqti7He9XC4R6HF8UTXUPECP8svwTHZMA1qWk8/s1600/1.png);
padding:0px;
font-size: 95%;
line-height:1.9em;
}

contoh :

.post {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8aGy223YnS1QFWyDKNDkX5maIm9pp8DLLWuw_C0gud8NL25PXAqm7Hq7YA96-MUnZpxFPxJFgAFtmZqDoqk_lpY_n0Za4XcaKSe_7Jqti7He9XC4R6HF8UTXUPECP8svwTHZMA1qWk8/s1600/1.png);
padding:0px;
font-size: 95%;
line-height:1.9em;
}

untuk sidebar ::
tekan ctrl F cari code .sidebar .widget {

dan pastekan kod dibawah ni dkt BAWAH .sidebar .widget {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8aGy223YnS1QFWyDKNDkX5maIm9pp8DLLWuw_C0gud8NL25PXAqm7Hq7YA96-MUnZpxFPxJFgAFtmZqDoqk_lpY_n0Za4XcaKSe_7Jqti7He9XC4R6HF8UTXUPECP8svwTHZMA1qWk8/s1600/1.png);
padding:0px;
font-size: 95%;
line-height:1.9em;
}

contoh :

.sidebar .widget {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8aGy223YnS1QFWyDKNDkX5maIm9pp8DLLWuw_C0gud8NL25PXAqm7Hq7YA96-MUnZpxFPxJFgAFtmZqDoqk_lpY_n0Za4XcaKSe_7Jqti7He9XC4R6HF8UTXUPECP8svwTHZMA1qWk8/s1600/1.png);
padding:0px;
font-size: 95%;
line-height:1.9em; 
}

warna merah tu korang boleh gantikan dengan url background korang sendiri ok .

ok ..siap .. preview dulu ok ... kalau jadi terus save ye ...
selamat mencuba ^^
Tweet