Sabtu, 11 Februari 2012

Panduan Praktis Merubah Tampilan Judul Sidebar

Panduan Praktis Cara Merubah Tampilan Judul Sidebar | Pada postingan yang sekarang ini saya akan menerangkan tentang Cara Merubah Tampilan Judul Sidebar. Saya akan membuat blog anda menjadi lebih bagus, lebih spektakuler bila pengunjung melihatnya. Jika anda mau menerapkan atau membuat apa yang akan saya bahas ini, saya langsung share sekarang juga. Pada penampilan nantinya setelah andaMerubah Tampilan Judul Sidebar akan terlihat, misalnya anda akan menambahkan variasi pada judul sidebar dengan merubah menjadi huruf kapital/besar semua, merubahnya supaya bisa berjalan, atau anda akan merubah background dengan warna menurut selera anda. Bagaimana anda tertarik untuk membuatnya? jika anda keburu untuk membuatnya, ok langsung aja simak petunjuk dibawah ini.

Berikut langkah-langkah Merubah Tampilan Judul Sidebar :

1.    Login Blogger >> Rancangan >> Edit HTML
2.    Download template lengkap dulu, untuk jaga-jaga barangkali terjadi kesalahan bisa di upload ulang.
4.    Untuk kode default tampilan judul sidebar seperti ini dibawah ini :


.sidebar h2 {
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . , . .
. . . . . . . . . . . . . . . . . .
}

1. Untuk merubah warna merah pada judul tulisan sidebar 
tambahkan kode font-color:#BB0000; 
.sidebar h2 {
font-color:#BB0000; }

2. Untuk merubah warna dengan background merah pada judul tulisan sidebar
tambahkan kode background:#BB0000; 

.sidebar h2 {
font-color:#BB0000; background:#BB0000; }

Saya persingkat ya postingan ini : 
.sidebar h2 {
font-color:#BB0000; background:#BB0000;
font-size:120%;  } 

bisa juga di ganti dg misalnya font-size:13px;

3. Untuk merubah judul sidebar berada di center/tengah
.sidebar h2 {
font-color:#BB0000; background:#BB0000; font-size:120%; 
text-align:center; }

4. Untuk membuat border pada kotak judul sidebar 
.sidebar h2 {
font-color:#BB0000; background:#BB0000;
font-size:120%; text-align:center;
border:1px solid #000;  } 

5. Untuk membuat tulisan judul sidebar menjadi besar semua secara otomatis
.sidebar h2 {
font-color:#BB0000; background:#BB0000;
font-size:120%; text-align:center;
border:1px solid #000;
text-transform:uppercase;  }

6. Untuk membuat tulisan judul sidebar menjadi tebal 
.sidebar h2 {
font-color:#BB0000; background:#BB0000;
font-size:120%; text-align:center;
border:1px solid #000; text-transform:uppercase;
font-weight:bold;  }

Demikianlah postingan saya mengenai Panduan Praktis Cara Merubah Tampilan Judul Sidebar untuk lebih detailnya klik disini, semoga bisa bermanfaat untuk anda semua, salam sukses selalu.

0 komentar:

Posting Komentar

 

Selamat Datang

Selamat datang di Power Science, saya harap anda senang dan bisa mendapatkan apa yang anda cari di blog ini. dan berharap Anda sering datang kembali. Silahkan anda mencari hal-hal yang baru di blog saya iniSelengkapnya tentang Saya

Sepintas Tentang Saling Sharing

Nama saya Erlangga Yudian Pratama saya seorang yang senang berbagi. tadinya saya adalah pemilik blog Ilmu tetapi tidak tahu apa yang terjadi saya kehilangan account blog tersebut dikarenakan kejahilan seseorang. :D

Social Stuff

Info