Trik menyembunyikan judul pada blog

Sebuah judul pada sebuah blogger sangat penting, namun terkadang keberadaannya bisa sangat mengganggu ketika Anda tidak menginginkannya tampil pada header blog baru Anda. Tampilan judul bawaan memang terlihat kaku dan sulit bagi newbie dalam menyesuaikan-nya ke dalam header. Maka dengan cara menghilangkan atau
menyembunyikan judul blog dan mengkreasikan judul blog kedalam headernya sendiri akan membuat tampilan blog Anda semakin menarik. Selain judul blog, deskripsi blog akan ditampilkan secara otomatis di bawah judul blog, maka Anda perlu menyembunyikannya juga. Setelah Anda membuat header blog yang cantik maka tinggal menerapkan trik dibawah.

Cara menyembunyikan keduanya silahkan ikuti langkah-langkah berikut ini:

1. Log in blogger
2. Pada dashboard > klik template kemudian pilih "Edit HTML"
3 .Cari kode yang mirip seperti ini
Judul Blog
#header h1 {
margin:5px 5px 0;
padding:130px 0px 0px 130px;
font-size: 28px;
line-height:1.2em;
text-transform:titlecase;
letter-spacing:.1em;
}


Deskripsi Blog:
#header .description {
margin:0 5px 5px;
padding:10px 0px 15px 130px;
max-width:700px;
text-transform:lowercase;
letter-spacing:.1em;
line-height: 1.4em;
color:#e86c81;
font-weight:bold;
font-size:13px;
}

Setelah ketemu, lalu tambahkan kode berikut: visibility:hidden; sehingga menjadi seperti dibawah:

Judul Blog:
#header h1 {
margin:5px 5px 0;
padding:130px 0px 0px 130px;
font-size: 28px;
line-height:1.2em;
text-transform:titlecase;
letter-spacing:.1em;
visibility:hidden;
}

Deskripsi Blog:
#header .description {
margin:0 5px 5px;
padding:10px 0px 15px 130px;
max-width:700px;
text-transform:lowercase;
letter-spacing:.1em;
line-height: 1.4em;
color:#e86c81;
font-weight:bold;
font-size:13px;
visibility:hidden;  <<<----
}


Untuk memastikan berhasil tidaknya judul dan deskripsi bisa disembunyikan, silahkan klik "preview template" pada halaman editing.
Apabila berhasil, silahkan simpan pekerjaan Anda dengan meng klik "save template".
Lihat hasilnya.
Bagaimana bisa? Pasti bisa donk..hehehe
 oke deh sampe ketemu next time. 
Semoga bermanfaat

No comments:

Post a Comment