Cara Menghilangkan Judul Blog di bagian Header

3/19/2015
Menghilangkan Judul
Judul Blog yang biasanya terdapat di bagian header adalah bagian penting yang salah satu fungsi dari keberadaannya adalah agar Blog kita mudah dikenali. Semakin banyak pengunjung dan pengunjung itu banyak yang merasa Blog kita bermanfaat, maka semakin melekat pula nama Blog kita di telinga pengunjung. Maka dari itu, dalam memilih judul Blog ada baiknya kita memilih sebuah nama yang sekiranya mudah diingat.
Namun dibalik pentingnya bagian judul Blog, tidak jarang juga Blogger yang malah ingin menghilangkan keberadaannya. Biasanya alasan mereka menghilangkan bagian tersebut adalah karena mereka akan menggantinya dengan gambar yang mewakili judul Blog juga. Silakan sobat lihat di bagian widget Header. Pada bagian tersebut kita bisa meneyertakan gambar pada header. Namun jika gambar tersebut mewakili judul Blog, maksudnya terdapat nama Blog pada gambar, maka nama Blog akan ditampilkan secara ganda, iya kan? Itulah mengapa mereka ingin menghilangkan judul Blog.

Menyertakan gambar pada header

Yah apa pun alasannya, setiap orang memiliki alasan tersendiri. Jika sobat memiliki maksud yang sama, yaitu ingin menghilangkan bagian judul Blog, silakan sobat bisa mengikuti cara yang akan saya berikan berikut ini.

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Carilah elemen Header, dengan menekan tombol ctrl+F dan memasukkan kata "header" kemudian tekan enter.

Menghilangkan Judul Blog di bagian Header

4. Kemudian carilah kode CSS berikut, atau mirip seperti berikut:
#header h1{color:#808080;font-size:35px;---} dan
#header .description{color:#000000;font-size:12px;---}

5. Selanjutnya tambahkan kode display:none; di dalam kode CSS tersebut hingga menjadi seperti berikut:
#header h1{display:none; color:#808080;font-size:35px;---} dan
#header .description{display:none; color:#000000;font-size:12px;---}

note:
penempatan display:none pada header h1, menghilangkan judul blog
penempatan display:none pada header description, menghilangkan deskripsi blog

6. Terakhir klik Simpan Template.

Selesai, sobat telah menghilangkan judul beserta deskripsi Blog yang terdapat pada header.

Share this

Mencoba untuk berkarya dan berbagi pengalaman seputar ilmu yang sudah saya pelajari

Artikel Terkait

Previous
Next Post »

Untuk menulis huruf bold silakan gunakan <strong></strong> atau <b></b>.
Untuk menulis huruf italic silakan gunakan <em></em> atau <i></i>.
Untuk memasukan pesan silahkan gunakan <b rel="quote">Pesan Sobat</b>
Untuk menulis kode HTML silakan gunakan Konversi Kode pada kotak parser di bawah ini.
Dan gunakan Emoticon agar komentar terlihat lebih keren.

Emoticon Peringatan: Link aktif otomatis akan terhapus


:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng