tutorial background untuk sidebar blog

bosan dengan warna background korang yang putih/hitam je? nak bagi blog korang colourful sikit? hehehe.. boleh je…  korang boleh set sendiri korang nak background sidebar korang warna apa.. jom warnai blog anda dengan background sidebar blog ni!!

background sidebar blog

macam ni…

1. login akaun blogger korang > Template > tekan ‘Backup/Restore’ > Download Full Template > Edit HTML > Proceed > tick Expand Widget Templates

2. tekan Ctrl+F atau F3 dan cari kod ni :

h2 {

atau

.sidebar .widget {

3. gantikan kod kat step 2 tadi dengan kod ni…

h2 {
text-align:center;
background:none repeat scroll 0 0 #d8d800;
margin:0;
padding:5px 10px;
}
.sidebar .widget-content {
-moz-border-radius:0 0 10px 10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
background:none repeat scroll 0 0 #fcf79e;
padding:5px 10px;
}

penerangan kod :

#d8d800 : warna background tajuk sidebar

#fcf79e : warna background sidebar

10 : radius lengkung border background tu. korang boleh ubah mengikut citarasa korang.

4. preview dulu. kalau takder error, tekan ‘save template’

dah siap…. semoga berjaya… 🙂

Advertisements

About garyasip

now studying at Universiti Malaysia Perlis (UniMAP) under microelectronic engineering programme. born in 1992.
This entry was posted in public and tagged , , , . Bookmark the permalink.

komen artikel ini

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s