• rss

Menyembunyikan/ Menghilangkan Judul dan Deskripsi Blog

arsip kula|Kamis, 12 Agustus 2010|10.01
fb tweet g+
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.