Membuat desain header sendiri sudah kebiasaan buat semua blogger mania . Tapi kadang-kadang ada sedikit masalah yang timbul saat pemasangan desain header tersebut ,masalahnya ialah ketika desain header sudah terpasang judul dan deskripsi blog kita kliatan tumpang tindih dengan banner header blog kita yang lain ,Jika dihapus judul blog dan deskripsinya tidak mungkin karena tidak akan bisa disimpan. Soooo Sobiesttt jadi repot kan..wkwkwkwkwwkwk. tapi Don’t worry – be happy karena kali ini saya punya tips gampang nich...
Cara Menyembunyikan Deskripsi & Judul Blog sepertinya sedikit mudah.Kita hanya menambahkan sedikit kode saja pada element HTML template Blog kita ,kode yang perlu ditambahkan adalah seperti ini display:none;. It’s alright.. untuk lebih jelasnya silakan Sobiesttt ikuti step by step Bagaimana Cara Menyembunyikan Deskripsi dan Diskripsi Blog di bawah ini .
Cara Menyembunyikan Deskripsi & Judul Blog/Blogspot
1.Login Ke Blogger .
2.Klik Tata Letak.
3.Klik Edit HTML.
4.Untuk menembunyikan [ JUDUL BLOG ] cari kode seperti dibawah 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.Kalo uada ketemu Tambahkan kode display:none;di bawah kodefont: normal normal 200% Georgia, Serif;.atau lebih jelasnya lihat kode dibawah ini.
6.Kemudian untuk menyembunyikan [ deskripsi Dari judul Blog ] sobat silkan cari kode seperti di bawah ini .
7.Selanjutnya tambahkan kode display:none;di bawah kodecolor: #999999; atau biar Entee lebih jelas lihat kodenya.
8.Kalo kaga’ ada sobat bisa juga cari kode seperti di bawah ini :
9.Selanjutnya sama seperti di atas tinggal tambahin kode display:none; aja dibawah kode color:#333; .
11.Kalo udah selesai Silakan klik tombol Save TEMPLATE. And biar sobat cari kodenya ndak bingung teken aja tombol CTRL+F terus masukin tuch kode yang mau dicari..
Semoga Tips diatas bermanfaat buat Sobiesstttt sekalian.....
#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 kodecolor: #999999; atau biar Entee lebih jelas lihat kodenya.
#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.Kalo kaga’ ada sobat 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 tinggal tambahin kode display:none; aja dibawah kode color:#333; .
10.Sooo… kodenya akan tampak seperti dibawah 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.Kalo udah selesai Silakan klik tombol Save TEMPLATE. And biar sobat cari kodenya ndak bingung teken aja tombol CTRL+F terus masukin tuch kode yang mau dicari..
Semoga Tips diatas bermanfaat buat Sobiesstttt sekalian.....
EmoticonEmoticon