Cara Mengatur Judul Sidebar

Share this history on :

Tweet

Sidebar atau tempat untuk tambah gadget pastinya sobat blogger sudah banyak yang tau, tapi mungkin masih ada beberapa blogger pemula seperti saya yang sekali lagi mungkin masih belum begitu tau tentang sidebar. Baiklah saya akan coba membahas tentang judul sidebar siapa tau sobat sobat pemula blogger yang tadinya masih bingung tentang sidebar jadi tau tentang sidebar. ok langsung saja

1. Login ke blog anda > Layout (tata letak) > Edit HTML
2. Cari kode h2 { (untuk lebih mudah ketik F3 pada keyboard)
3. Di sini kita akan mulai utak-atik kode

Perhatikan kode di bawah ini

h2 {
font-size:110%;
font-weight:bold;
text-transform:uppercase;
text-align:right;
border: 1px solid #000;
background:#6df466;
padding;5px;
}

* font-size:110%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat sobat ganti sesuai keinginan

* font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat sobat ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.

* text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). Sobat dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).

* text-align:right; : Letak judul sidebar di bagian kanan. Sobat dapat mengganti dengan left jika ingin berada dikiri atau center jika ingin berada di tengah.

* border: 1px solid #000; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Sobat dapat mengganti ukuranya dan warna dari garis tersebut.

* background:#6df466; : untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan sobat. Selain dengan menampilkan warna, sobat juga dapat menampilkan sebuah image sebagai background judul sidebar. perhatikan yang di bawah ini

Contoh

background: url(alamat gambar background);

* padding;5px; : untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, dengan maksud agar kelihatan tidak mepet ke bagian pinggir.

Keterangan : jika tidak ada kode h2 { coba .sidebar h2 { .Jika ada beberapa kode yang tidak ada pada templates anda, anda bisa tambahkan sendiri dan jika ada kode yang tidak anda inginkan, anda bisa hapus kode itu.

4. save (simpan) selamat mencoba

Artikel Terkait: