Monday, February 15, 2016

Cara menyembunyikan judul dan deskripsi blog dan menggantinya dengan gambar atau logo

Cara menyembunyikan judul dan deskripsi blog dan menggantinya dengan
 gambar atau logo



Tampilan header pada blog sangatlah penting karena itu akan menjadi kesan pertama dari pengunjung. Jika tampilan header blog kita bagus dan terlihat menarik, pasti pengunjung blog akan senang dan betah berada di blog kita apalagi jika blog kita membahas artikel yang menarik dan bermanfaat. Sebelumnya kita sudah bahas cara mengganti judul blog dengan gambar atau logo tapi tanpa menyembunyikan judul dari bawaan blog.


Kali ini saya akan bahas mengenai cara menyembunyikan judul dan deskripsi blog dan menggantinya dengan gambar atau logo yang kita inginkan. Seperti contoh, lihat blog saya ini. Blog ini punya judul dan deskripsi hanya saja saya sembunyikan dan saya ganti dengan gambar tersebut agar tampilannya lebih bagus.

Oke langsung saja cara menyembunyikan judul dan deskripsi blog dan menggantinya dengan gambar atau logo. Ikuti langkah-langkah berikut.

1. Login ke akun blogger anda => template pada menu sisi bilah samping kiri => sesuaikan. Lihat gambar berikut.


2. Selanjutnya pilih 'Tingkat lanjut' => Tambahkan CSS => Copy paste script berikut ke dalam kotak CSS.

.Header h1 {
height: 0px;
visibility: hidden;
display: none;
}
.Header .description {
height: 0px;
visibility: hidden;
display: none;
}

3. Gambar contohnya sebagai berikut.


4. Jika sudah di paste, klik simpan setelan di pojok kanan atas dan lihat hasilnya. Maka Judul dan deskripsi blog anda akan tersembunyi.

5. Dan sekarang di lanjutkan mengganti header dengan gambar atau logo. Sayangnya artikel ini sudah terlalu panjang :). untuk melanjutkan, buka saja ini : Cara mengganti judul blog / header dengan gambar atau logo.


Sekian dan semoga bermanfaat. Terimakasih.



No comments:

Post a Comment