Cara Menyembunyikan Judul Blog
Bagaimana pun judul blog sangat penting untuk bisa di serch oleh robot
google., tetapi apabila kita ingin membuat tampilan header yang
bagus, tentunya judul blog akan mengganggu tampilan pada header
blog., nah disini saya akan coba posting bagaimana caran menghilangkan judul pada header blog., sebenarnya
bukan menghilangkan., hanya di sembunyikan agar tidak terlihat di
tampilan header blog., berikut tips nyan:
1. login ke akun blog agan
2. pilih desain lalu edit HTML, jangan lupa centang expan template widget
3. cari kode yg di bawah ini ( bisa menggunakan ctrl f) :
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
Nah., klo sudah ketemu agan tinggal tambahkan kode ini aja : visibility:hidden;
2. pilih desain lalu edit HTML, jangan lupa centang expan template widget
3. cari kode yg di bawah ini ( bisa menggunakan ctrl f) :
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
Nah., klo sudah ketemu agan tinggal tambahkan kode ini aja : visibility:hidden;
nanti hasilnya seperti ini :
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}
Tetapi bagaimana kalo kode di atas ga ada di edit html, seperti yang aku
alami, aku sudah cari2 kode di atas tetapi hasilnya ga ada , untuk yang
mengalami masalah seperti aku., jangan cemas aku udah nemu maslahnya
silahkan agan cari kode seperti di bawah ini:
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
Silahkan agan tambahkan visibility:hidden; di tempatkan sebelum tanda } kira2 hasilnya seperti ini:
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);visibility:hidden;
}
4. klik petinjau dan lihat apakah judul pada header sudah tersembunyi,,,klo sudah tersembunyi klik simpan template.
Mungkin cuman itu aja yang bisa aku tulis di artikel ini,. Semoga ada manfaatnya terutama yg ingin mengubah tampilan header pada blog kawan.
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);visibility:hidden;
}
4. klik petinjau dan lihat apakah judul pada header sudah tersembunyi,,,klo sudah tersembunyi klik simpan template.
Mungkin cuman itu aja yang bisa aku tulis di artikel ini,. Semoga ada manfaatnya terutama yg ingin mengubah tampilan header pada blog kawan.
Cara Menyembunyikan Judul Blog
Reviewed by khoirul anr
on
Monday, June 25, 2012
Rating: