Dems Teknologi | kali ini membahas tentang cara mengubah tampilan judul sidebar, anda minat kawan? yu jangan banyak basa-basi langsung ke permasalahan.
- login ke dashboard blogger.
- pilih Rancangan »» edit HTML
- kode default tampilan judul sidebar seperti ini »»
.sidebar h2 {
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . , . .
. . . . . . . . . . . . . . . . . .
}
- untuk membuat tampilan judul sidebar berwarna, tambahkan kode font-color:#BB0000; ini akan menghasilkan judul tulisan sidebar menjadi berwarna merah, contohnya »
.sidebar h2 { font-color:#BB0000; }
- untuk membuat tampilan judul sidebar mempunyai background berwarna tambahkan kode background:#BB0000; ini akan menjadikan background berwarna merah pada judul sidebar, seperti blogtegal ini, contohnya »
.sidebar h2 { font-color:#BB0000; background:#BB0000; }
- kita singkat saja artikel ini,
.sidebar h2 { font-color:#BB0000; background:#BB0000; font-size:120%; }
bisa juga di ganti dg misalnya font-size:13px;
- membuat judul sidebar berada di tengah.
.sidebar h2 { font-color:#BB0000; background:#BB0000; font-size:120%; text-align:center; }
- membuat border pada kotak judul sidebar. Contohnya »
.sidebar h2 { font-color:#BB0000; background:#BB0000; font-size:120%; text-align:center; border:1px solid #000; }
- membuat tulisan judul sidebar menjadi besar semua secara otomatis. Contoh nya»
.sidebar h2 { font-color:#BB0000; background:#BB0000; font-size:120%; text-align:center; border:1px solid #000; text-transform:uppercase; }
- membuat tulisan judul sidebar menjadi tebal. Contoh nya»
.sidebar h2 { font-color:#BB0000; background:#BB0000; font-size:120%; text-align:center; border:1px solid #000; text-transform:uppercase; font-weight:bold; }
Sumber : http://www.blogtegal.com
0 komentar:
Posting Komentar