Membuat desain header sendiri memang sudah menjadi hal yang biasa bagi sebagian blogger. Namun kadang-kadang ada sedikit masalah yang timbul saat pemasangan desain header tersebut. Masalahnya adalah di saat desain header baru sudah terpasang, judul dan deskripsi blog kita jadi tumpang tindih dengan banner header blog kita. Menghapus judul blog dan deskripsinya tidak mungkin karena tidak akan bisa disimpan.
Cara menyembunyikan judul dan deskripsi blog sebenarnya cukup mudah. Kita hanya perlu menambahkan sedikit kode pada element HTML template kita. Kode yang perlu ditambahkan adalah kode seperti ini display:none;
Untuk lebih jelasnya, silakan ikuti langkah-langkah untuk menyembunyikan judul dan deskripsi blog di bawah ini.
Cara Menyembunyikan Judul dan Deskripsi Blog
1. Login Ke Blogger .
2. Klik Settings > Templates
3. Klik Edit HTML > Proceed
4. Untuk menyembunyikan judul blog, cari kode seperti di bawah ini:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}
5. Kalau sudah ketemu, tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; atau lebih jelasnya lihat kode di bawah ini.
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}
6. Selanjutnya untuk menyembunyikan deskripsi blog, silakan cari kode seperti 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: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}
7. Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau agar lebih jelas lihat kode lengkapnya.
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}
8. Atau bisa juga cari kode seperti di bawah ini:
.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
}
9. Selanjutnya sama seperti di atas cukup tambahkan kode display:none; di bawah kode color:#333;
10. Sehingga kodenya jadi seperti di bawah ini:
.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
display:none;
}
11. Kalau sudah selesai, silakan klik tombol Save template. Untuk mempermudah mencari kode cukup tekan tombol CTRL+F lalu masukkan kode yang ingin dicari.
