Kode awal untuk judul sidebar adalah .sidebar h2 { yang dibawahnya dapat ditambahkan kode-kode lain sesuai keperluan.
Cara untuk mengubah tampilan judul sidebar adalah sebagai berikut :
- Masuk ke Blogger dengan ID panjenengan tentunya
- Pilih Tata Letak
- Pilih Edit HTML
- Download Template Lengkap agar kita mempunyai data untuk template yang sedang di edit ini.
- Silahkan cari kode .sidebar h2 { Tetapi perhatikan kode tersebut di bagian bawahnya, apakah sudah memiliki penambahan kode atau belum. Jika belum atau masih standar , coba diperhatikan kode sidebar dibawah ini yang telah dilengkapi dengan berbagai kode
.sidebar h2 {
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#6df466;
padding;5px;
}
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#6df466;
padding;5px;
}
Penjelasan kode-kode tersebut sbb:
- Kode font-size:110%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat anda ganti sesuai keinginan
- Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat anda ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
- Kode text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). Anda dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
- Kode text-align:right; : Letak judul sidebar di bagian kanan. Anda dapat mengganti dengan left atau center.
- Kode border: 1px solid #000; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Anda dapat mengganti ukuranya dan warna dari garis tersebut.
- Kode background:#6df466; ; untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan anda. Kode background silahkan ambil di sini
- Kode padding;5px; : untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, dengan maksud agar kelihatan tidak mepet ke bagian pinggir.
Jangan lupa setelah selesai klik Simpan Template.
Catatan : Jika pada template anda tidak ditemukan kode .sidebar h2 { coba anda cari kode h2 {. Belum ditemukan juga...... berarti anda harus menambahkan sendiri pada template.
Caranya cari kode
/* Headings
-------------------------------------- */
kemudian copy kode judul sidebar diatas dan paste tepat dibawahnya. Editlah kode tesebut sesuai dengan panduan diatas.
OK. Semoga berguna dan sukses serta terus semangat
0 komentar:
Speak up your mind
Tell us what you're thinking... !