background sidebar dan footer `

bagaimanakah cara merubah / mengganti warna background sidebar dan footer blog .. ?

sudah saatnya warna background blog anda untuk di ubah dan di sesuaikan yang tentunya untuk mempercantik penampilan blog anda . Tips kita kali ini yaitu cara merubah / memberi background pada sidebar dan footer . lho ko 'gk semuanya element di layout sekalian ? ,iya nanti pada jumpa kita berikutnya akan kita bahas semua .Ouupss ,, namun bukan berarti desain warna background di blognya mastony ini cantik dan menarik , kalo saya sih kurang jago soal desain blog mungkin barangkali anda jagonya dalam mengatur warna background terutama pada bagian sidebar dan footer . ada 2 cara untuk merubah atau menganti warna background sidebar dan footer blog anda .

memberi background mengunakan .sidebar

Note :bagi di template anda sudah ada aturan css sidebar maka anda tinggal ngerubah saja gk perlu di tambahin .
1.yaitu langsung dengan aturan CSS seperti berikut dan  di letakkan pada template anda tepatnya sebelum kode ]]></b:skin> atau </head>

.sidebar{background:sesuaikan warna backgounnya ;dan di sini aturan css untuk mengatur lainnya......}

namun aturan CSS di atas secara menyeluruh dimana di semua background widget di sidebar mengikuti aturan css tersebut . untuk membuat aturan css tersendiri yaitu menggunakan ( id ) judul widget anda di sidebar blog anda .Contoh widget saya yang berjudul Artikel terbaru .dan id nya adalah #Feed1 maka kita membuat aturan css nya untuk #Feed1 lihat gambar di bawah .

memberi background menggunakan id widget ( judul widget )

2.seperti berikut untuk aturan css nya :

#Feed1{background: disini nama warna background; dan di sini aturan css lainnya ...

Note : untuk yang ingin warna background widget nya sama anda cukup membuat cssnya seperti berikut :contoh id widget #Feed1 dan #PopularPosts1 .

#PopularPosts1,#Feed1{background: disini nama warna background; dan di sini aturan css lainnya ...

dan aturan css di atas yang menggunakan id widget dapat diterapkan pada footer anda .

bagaimanakah cara memberi background pada judul widget sidebar ?

karena judul widget menggunakan h2 anda cukup mengedit aturan css di template anda . namun pada semua judul widget akan mempunyai background yang sama , kalo anda ingin aturan css hanya pada judul widget di sidebar anda cari saja aturan CSS .sidebar h2 jika tidak ada anda harus membuat aturan css sendiri contoh :

.sidebar h2{background:silahkan atur warna backgroundnya;border:disini model border;}

memberi background footer

untuk merubah warna background footer anda harus cari aturan css untuk footer di template anda , jika tidak ada anda harus buat aturan css  menggunakan ID widget  seperti di atas

untuk peletakan sama dengan di atas yaitu di letakkan pada template anda tepatnya sebelum kode ]]></b:skin> atau </head>
berikut ini langkah langkahnya :

• login ke dasbor
• pilih template --> Edit html --> kemudian cari kode ]]></b:skin> atau </head>
• jika sudah letakkan css yang sudah anda buat tadi tepat sebelum kode ]]></b:skin>
• klik preview , jika sudah mantabs klik simpan

dan dari sini tutorial tentang merubah background di sidebar dan footer ini sudah selesai . semoga bermanfaat artikelnya ,,,

Terima kasih Anda telah membaca Artikel mengenai background sidebar dan footer dan Kata kunci untuk Artikel ini yaitu background sidebar dan footer