Cara Menyembunyikan Deskripsi Header Blog

TIPS berikut ini tidak usah diterapkan kalau Anda memakai logo gambar (image) di header blog, alasannya yaitu deskripsi header blog sudah otomatis tidak akan muncul dengan settingan widget header sebagai berikut, yaitu mencentang "Instead of title and description".

Cara Menyembunyikan Deskripsi Header Blog Cara Menyembunyikan Deskripsi Header Blog

Namun, kalau Anda tidak memakai logo gambar untuk nama blog atau judul blog (header), maka deskripsi blog akan muncul.

Akan tampak tidak manis kalau deskripsi blog Anda panjang, apalagi nyampe maksimal 500 abjad menyerupai ini:

Cara Menyembunyikan Deskripsi Header Blog Cara Menyembunyikan Deskripsi Header Blog

Kita dapat menyembunyikan deskripsi tersebut dengan mudah, sehingga menjadi menyerupai ini:

Cara Menyembunyikan Deskripsi Header Blog Cara Menyembunyikan Deskripsi Header Blog

Cara Menyembunyikan Deskripsi Header Blog

Ada dua cara. Dua-duanya diawali dengan klik Template > Edit HTML

Cara #1
Tambahkan instruksi berikut ini di atas instruksi ]]></b:skin>

.Header .description{display:none}

Cara #2
Cari instruksi <div class='descriptionwrapper'> dan tambahkan instruksi style='display:none' di dalamnya menjadi begini:

<div class='descriptionwrapper' style='display:none'>

Di Template Bawaan Blogger

Untuk template bawaan blogger, cari instruksi berikut ini:

.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);

Tambahkan instruksi display:none di dalamnya, menjadi begini:

.Header .description {
display:none;
font-size: $(description.text.size);
color: $(description.text.color);

Demikian Cara Menyembunyikan Deskripsi Header Blog. Jika ingin menyembunyikan elemen lain, instruksi kuncinya adala style='display:none' atau 'display:none' yang artinya "tidak ditampilkan". Good Luck! (http://www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours