Supaya Judul dan Deskripsi Blog tidak terlihat tumpang tindih dengan gambar/image header yang kita pasang. Untuk menyembunyikan Judul dan Deskripsi Blog, kita bisa menambahkan elemen HTML di template kita. Caranya seperti ini:
Login ke blog
- Masuk ke menu Rancangan, klik Edit HTML
- Centang "Expand Widget Template"
- Supaya aman, silakan Download dulu template (klik Download Template Lengkap)
- Gunakan tombol F3, (Di toolbar bawah browser akan muncul kotak pencarian, kita tinggal masukkan kode yang dicari).
Menghilangkan Judul Blog
Cari kode : #header h1 {
atau yang mirip di bawah ini :
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
- Tambah kode display:none; sebelum penutup }
Hasilnya seperti ini:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
display:none;
}
Menghilanghkan Deskripsi
Cari kode : #header .description {
atau yang mirip di bawah ini :
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
- Caranya sama tambahkan display:none; sebelum penutup }
Hasilnya seperti ini:
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
display:none;
}
- Simpan Template
Selesai, tinggal lihat hasilnya.
Tidak ada komentar:
Posting Komentar