Home » » Cara Modifikasi Judul Posting dan Judul Sidebar

3 Cara Modifikasi Judul Posting dan Judul Sidebar

Cara Modifikasi Judul Posting dan Judul Sidebar
Judul blog dan judul sidebar dapat diganti. Untuk pemula, anda bisa memulainya dari menu Tata Letak > Font dan Warna. sedangkan yang sudah mahir, anda bisa menuju Tata Letak > Edit HTML.

Untuk pemula, pertama-tama buka dulu menu Font dan Warna.
Lalu, ada bisa mengubah beberapa elemen. Seperti warna dan font judul blog/judul sidebar.

* Untuk mengubah warna judul posting, klik pada bagian Warna Judul Posting, lalu ubah dengan warna yang diinginkan.
* Untuk mengubah warna judul sidebar, klik pada bagian Warna Judul Sidebar, lalu ubah dengan warna yang diinginkan.
* Untuk mengubah font judul sidebar, klik bagian Font Judul Sidebar lalu utak atik sesuai keinginan.

Kalau sudah klik Simpan Perubahan.

Untuk yang mahir, bukalah menu Edit HTML dan silakan backp dulu templatenya. Kalau sudah, cari kode:

1. Untuk judul posting, cari kode yang mirip:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

2. Untuk judul sidebar, cari kode yang mirip:

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

Lalu editlah sesuai keinginan. Misalnya anda ingin menambahkan background pada judul postingan, maka kodenya menjadi:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background:#000000;
}
Ket: kode background:#000000; adalah kode yang ditambahkan. Ganti #000000 dengan warna yang diinginkan. O, ya. Atau anda juga bisa membuat garis batas dibawah judul sidebar, maka kodenya menjadi:
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
border: 1px solid #00FF00;
}
Ket: Kode border: 1px solid #00FF00; adalah kode yang ditambahkan. Ganti #00FF00 dengan warna yang diinginkan. Anda juga bisa membuat variasi lain, seperti menambahkan background berupa gambar, membuat huruf judul postingan membesar ketika mouse melintasinya, atau berbagai variasi lain sesuai dengan keinginan dan kreatifitas anda.

Kalau sudah klik Simpan Template.

Akhir kata, semoga bermanfaat.
Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih
related post :

3 Testimonial:

FileHippo.Com :

Thanks Gan Info Nya Berguna Banget
Berkunjung Juga Yah Dan Follow Blog Ane

Ane Udh Follow Blog Agan

supar yono :

thanks masbro atas ilmunya...

Digital Baca :

Perlu di coba, supaya tampilan lebih fresh

SILAHKAN KOMENTAR

Maturnuwun sampeyan sudah mampir di Blog Mas uwah, tinggalkan komentar untuk menjalin persahabatan ingat NO SPAM.

 

Copyright © 2011 Mas Uwah is proudly powered by Blogger.com | Return to top

Grab this blog to mobile version on http://trikbloggers.blogspot.com/?m=1

Mas uwah | Trik blogger | Optimasi seo