Cara Mengubah Tampilan Judul Sidebar Pada Blogspot

Cara Mengubah Tampilan Judul Sidebar Pada Blogspot

Masih suka utak-atik template? Memang, jika kita seneng mengutak-ngatik template blog rasanya ada saja yang kurang dengan penampilannya. Nah, berikut ini ada beberapa trik untuk mengubah tampilan pada judul sidebar. Sobat tahu sendiri, umumnya template-template yang ada selalu menempatkan judul sidebar-nya di sebelah kiri dan terlihat biasa. Dengan trik ini, mungkin yang "terlihat biasa" itu akan menjadi luar biasa, hehehe...

Untuk mengubah tampilan judul sidebar ini sebenarnya cukup mudah, kamu hanya tinggal menambahkan sedikit perintah saja pada CSS-nya. Hanya saja dalam mencari kode CSS judul sidebar ini diperlukan ketelitian karena tidak semua template menggunakan kode yang sama. Namun yang pasti, kata sidebar selalu sama untuk semua template (itu yang saya tahu. Mungkin ada sobat yang mau memberikan koreksi?).

Bagi kamu yang tertarik ingin mengubah tampilan judul sidebar, kamu bisa mengikuti langkah-langkah berikut:

Carilah kode CSS berikut (gunakan Control F atau F3):

.sidebar h2

Jika kolom sidebar-nya ada 2 (dua), biasanya kodenya seperti ini:

.sidebar1 h2 dan .sidebar2 h2

atau seperti ini:

.sidebarA h2 dan .sidebarB h2

Jika masih tidak ketemu, coba cari kode seperti ini:

.widget h2

atau seperti ini:

#sidebar .widget h2

Membuat Judul Sidebar Berada Di Tengah

Jika kode tersebut sudah kamu temukan, dan kamu ingin menempatkan judul sidebar berada di tengah-tengah, tambahkan perintah text-align:center kedalamnya.

Contohnya seperti ini:

.sidebar h2 { text-align:center;

atau disusun ke bawah, seperti ini:

.sidebar h2 {
text-align:center;

Membuat Judul Sidebar Berefek Bayangan

Tentu kamu masih ingat cara memberikan efek bayangan pada teks. Nah, untuk membuat judul sidebar supaya ada efek bayangannya kamu tinggal menambahkan perintah text-shadow.

Contohnya seperti ini:

.sidebar h2 {
text-shadow:2px 2px 2px #777777;

Membuat Judul Sidebar Berkedip

Jika kamu ingin membuat judul sidebar ini berkedip-kedip, kamu tinggal menambahkan perintah text-decoration:blink.

Contohnya seperti ini:

.sidebar h2 {
text-decoration:blink;

Mengubah Jenis, Ukuran, dan Warna Teks

Jika kamu ingin mengubah jenis, ukuran, dan warna teks judul sidebar, kamu tinggal mengubah perintah-perintah berikut:

font: jenis huruf; Misalnya: Arial
font-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0

Nah, segitu aja sob, semoga bermanfaat dan bisa dimengerti.
Selamat mencoba


http://ruangsc.blogspot.com/2010/04/cara-mengubah-tampilan-judul-sidebar.html