Oke langsung saja Saya akan jelaskan satu persatu dan cara memodifikasinya...
Masuk menu Layout kemudian masuk Edit HTML untuk mengota-atik CSSnya
Merubah tampilan Judul Posting
Jika Anda ingin merubah tampilan judul posting Anda maka code CSS yang harus Anda cari adalah seperti dibawah ini
.post h3 {
------------
-------------
-------------
-------------
}
Merubah Tampilan Judul Sidebar
Cari code CSS dibawah ini
.sidebar h2{
------------
-------------
-------------
-------------
}
Merubah Tampilan Judul Blog di Header
Cari CSS dibawah ini
#header h1 {
------------
-------------
-------------
-------------
}
Merubah Tampilan Tanggal Posting
Cari CSS dibawah
h2.date-header {
------------
-------------
-------------
-------------
}
Perhatikan Code CSS yang berwarna merah saja karena yang lainya adalah definisinya.
Nah sekarang kita lanjut ke cara otal-atik CSSnya biar tampilanya oke punya.
Ganti garis putus-putus dari code CSS diatas dengan definisi dibawah ini
margin:5px;
padding:5px;
border:1px dotted #000000;
Khusus Margin, Padding dan Border baca artikel ini
font-size:140%;
untuk menentukan besarnya huruf , bisa kamu ubah sesuai selera kamu misalnya kamu ubah menjadi 100% atau 150% dan juga satuanya bisa kamu ganti dengan px (pixels) misalnya 14px.
font-weight:bold;
Untuk menentukan ketebalan huruf, Bold adalah jika kamu ingin hurufnya tebal apabila kamu ingin merubah hurufnya biasa ganti bold dengan normal, dan apabila kamu ingin mengganti hurufnya menjadi miring kamu ganti saja dengan code italic.
text-align:right;
Untuk menempatkan posisi text jika kamu isi dengan right maka text akan berada di kanan dan apabila kamu isikan left text akan berada di kiri dan juga center maka textnya akan berada di tengah.
color:#FFFFFF;
Untuk memberi warna huruf, #FFFFFF adalah code warna untuk warna putih carilah code warna yang sesuai dengan keinginan kamu di http://colorschemer.com/online.
Background:#000000;
untuk memberi warna background. silahkan ganti code warna sesuai keinginan kamu di http://colorschemer.com/online untuk mencari code warna.
text-transform:uppercase;
uppercase untuk menampilkan hurufnya dengan huruf besar semua meski dalam pengaturan anda menuliskan huruf kecil. jika Anda ingin mengubah dengan huruf kecil semua ganti dengan lowercase dan jika ingin huruf depanya saja yang besar maka ganti dengan capitalize.
Nah jika di blog Anda pasti CSSnya sudah ada definisinya tinggal mengedit dan menambahi yang kurang-kurang saja.
Semoga bermanfaat bagi Anda....
Cari Yang Anda Butuhkan ....
Translate
Mutiara Hikmah
Labels
- Belajar Dari Siroh (6)
- Berita Penting (230)
- Dunia Islam (81)
- Gaya Hidup (20)
- Gila Bola (2)
- Guru IndonesiaKu (5)
- HidayahNya (5)
- Kampus (7)
- Keluarga Sakinah (16)
- Keperibadian (6)
- Kesehatan (19)
- Konsultasi (12)
- Kuliner (1)
- Link Download (1)
- Makalah (7)
- Materi Tarbiyah (7)
- NKRI Tercinta (34)
- Pendidikan (9)
- Penyakit dan Solusinya (14)
- Pergerakan (11)
- Pesona Wanita Solehah (8)
- Politik (39)
- Remaja (1)
- Sastra (5)
- Seputar : IPTEK (24)
- Seputar Banten (5)
- Tips Hidup Sehat (6)
- Tokoh Islam (2)
Comunity
04 Juni 2009
Merubah tampilan heading blog
Langganan:
Posting Komentar (Atom)
kumpulblogger.com
http://abu-azkiya.blogspot.com
Tayangan
KOTAK SILATURAHIM
Entri Populer
-
RINCIAN BIAYA MASUK MAHASISWA BARU ANGKATAN IV TA. 2009 - 2010 AKADEMI KEBIDANAN LA TANSA MASHIRO RANGKASBITUNG NO KE...
-
Yayasan ini bernama ” YAYASAN ISLAM QUDWATUL UMMAH” berkedudukan /berkantor pusat di Rangkasbitung kabupaten daerah tingkat II Lebak Jl. M...
-
Cacar air : Gejala, Penyebab dan Solusinya Pemesanan Produk kesehatan : 085810147443 (Aos Mutaqin) Cacar air atau varicela adalah penyakit...
-
Wasir (Ambeian) Sebab dan Cara Mengatasinya Posted in Penyakit dan Solusinya Wasir atau Ambeian atau yang sering kita kenai dengan hemarr...
-
Manfaat Madu 1. Kerontokan rambut Orang yang mengalami kerontokan rambut atau kebotakan dapat memakai campuran minyak zaitun panas, 1 sen...
0 komentar:
Posting Komentar
Silahkan beri komentar anda : ...