Pernahkah anda bingung (seperti yang pernah saya alami) bagaimana caranya merubah warna dan ukuran font yang ada di sidebar? Sebelumnya lebih baik kita cermati perbedaan antara judul dan isi sidebar. Sebagai contoh mari kita lihat gambar di bawah ini:
Tulisan Download dan Daftar Posting (dengan background biru muda) adalah judul sidebar. Sedangkan isinya adalah setiap tulisan yang ada di bawahnya (dengan background abu-abu). Itulah perbedaan antara judul dan isi sidebar. Nah untuk merubah judul sidebar fasilitasnya ada di halaman Tata Letak bagian Font dan Warna. (lebih jelasnya bisa dilihat di sini). Tetapi untuk font isi sidebar tidak ada fasilitasnya di sana.
Untuk merubah font isi sidebar kita harus masuk ke halaman Edit HTML. Jika ingin mencoba, anda bisa ikuti langakah-langkah yang pernah saya lakukan:
1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
2. Kemudian klik pada Edit HTML.
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.
4. Kemudian carilah kode: .sidebar {
5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.
6. Kemudian perhatikanlah beberapa baris kode pengiring di bawahnya. Jika pada template blog anda tidak ada kode lain di bawahnya, anda bisa tambahkan sendiri, seperti terlihat di bawah ini:
font-size:11px;
line-height:1.3em;
7. Terjemahan sedehana dari kode tersebut adalah:
.sidebar { (sidebar)
color:#000000; (warna tulisan di sidebar hitam)
font-size:11px; (ukuran font di sidebar 11 pixels)
line-height:1.3em; (jarak antar font secara vertikal 1.3em)
8. Nah, sekarang anda bisa rubah setiap angka yang berwarna merah sesuai keinginan atau yang paling pas untuk blog anda. Silhakan anda uji coba. (Untuk mengetahui kode-kode warna bisa anda lihat di sini).
9. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai.
10. Sekarang lihatlah perubahnnya dengan mengklik Lihat Blog. Semoga berhasil!
Tulisan Download dan Daftar Posting (dengan background biru muda) adalah judul sidebar. Sedangkan isinya adalah setiap tulisan yang ada di bawahnya (dengan background abu-abu). Itulah perbedaan antara judul dan isi sidebar. Nah untuk merubah judul sidebar fasilitasnya ada di halaman Tata Letak bagian Font dan Warna. (lebih jelasnya bisa dilihat di sini). Tetapi untuk font isi sidebar tidak ada fasilitasnya di sana.
Untuk merubah font isi sidebar kita harus masuk ke halaman Edit HTML. Jika ingin mencoba, anda bisa ikuti langakah-langkah yang pernah saya lakukan:
1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.
4. Kemudian carilah kode: .sidebar {
5. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.
6. Kemudian perhatikanlah beberapa baris kode pengiring di bawahnya. Jika pada template blog anda tidak ada kode lain di bawahnya, anda bisa tambahkan sendiri, seperti terlihat di bawah ini:
.sidebar {
color:#000000;font-size:11px;
line-height:1.3em;
7. Terjemahan sedehana dari kode tersebut adalah:
.sidebar { (sidebar)
color:#000000; (warna tulisan di sidebar hitam)
font-size:11px; (ukuran font di sidebar 11 pixels)
line-height:1.3em; (jarak antar font secara vertikal 1.3em)
8. Nah, sekarang anda bisa rubah setiap angka yang berwarna merah sesuai keinginan atau yang paling pas untuk blog anda. Silhakan anda uji coba. (Untuk mengetahui kode-kode warna bisa anda lihat di sini).
9. Jika sudah kliklah SIMPAN TEMPLATE dan tunggu hingga proses selesai.
10. Sekarang lihatlah perubahnnya dengan mengklik Lihat Blog. Semoga berhasil!
Read more: Merubah Warna dan Ukuran Font Sidebar - blogernas http://www.blogernas.co.cc/2010/06/merubah-warna-dan-ukuran-font-di.html#ixzz0xRWWoItt
0 komentar:
Posting Komentar