Cara mengedit Sidebar

Wah hampir 2 minggu saya tidak menuliskan tips blogger baru, maklum saya baru pulang dari luar kota. Sekarang saya akan memberikan sebuah tutorial bagaimana cara mengedit tampilan sidebar.

Contohnya warna latar belakang judul sidebar, warna latar belakang sidebar, warna huruf sidebar, dll.

Untuk mengedit tentu kamu harus tahu apa yang ingin kamu ganti terlebih dahulu. Lebih jelasnya baca di bawah ini :

1. Apabila ingin mengganti warna latar dan tulisan dari judul sidebar

cari kode .sidebar h2(

-Untuk mengganti warna judul sidebar, kamu tinggal menyisipkan kode berwarna di bawah ini di antara kode di atas. Contoh pemasangannya :


.sidebar h2{

font-size:80%;

font-weight:bold;

text-transform:arial;

text-align:left;

border: none;

background:#ffffff;

color:#0066CC;

border-bottom: 1px solid #ffffff;

}


-font-size:80%; adalah besar dari judul sidebar tersebut.
-text-transform:arial; adalah tampilan huruf yang digunakan
-text-align:left; Adalah perataan huruf, kamu bisa menggantinya dengan right atau justify.
-background:#ffffff; adalah warna latar dari judul sidebar, kamu bisa menggantinya dengan kode yang kamu inginkan
-color:#0066CC; adalah warna tulisan dari judul sidebar tersebut
-border-bottom: 1px solid #ffffff; Adalah warnar border bagian bawah dari judul sidebar, kamu bisa menambahkan border lain dengan mengganti bottom dengan top, atau right.

2. Untuk mengganti warna latar belakang, border dan warna tulisan dari sidebar caranya agak berbeda. Cari kode .sidebar .widget{


Kode itu ada 2, jadi tambahkan saja kode di bawah ini pada kedua kode .sidebar .widget{ yang kamu temukan. Contoh pemasangannya adalah :

.sidebar .widget{

border: 4px double #ffffff;
background:#0066CC ;
color: #fff;
}

-border: 4px double #ffffff; Adalah tampilan border pada sidebar tersebut.
-background:#0066CC ; Adalah warna latar belakang sidebar.
-color: #fff; Adalah warna tulisan dari sidebar tersebut. Silahkan ganti dengan yang kamu inginkan.


Selamat mencoba dan selamat berkreasi...Contoh dari pekerjaan diatas bisa kamu lihat disini.


Salam tips blogger.

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]