Saturday, April 22, 2017

Cara Menyembunyikan Judul dan Deskripsi Blog

Advertisement

Dalam posting kali ini saya ingin berbagi informasi tentang cara menyembunyikan judul dan deskripsi blog yang kita miliki. Blog yang saya maksud disini adalah yang menggunakan platform blogger.com milik Google. Sebenarnya ada banyak platform blog gratisan yang dapat digunakan untuk berkekspresi, namun kebanyakan blogger Indonesia lebih memilih blogger karena fasilitas-fasilitas yang terdapat di dalamnya.

Sebelumnya perlu saya jelaskan alasan mengapa seseorang ingin menyembunyikan judul dan deskripsi blog nya.


judul dan deskripsi blog
Judul dan deskripsi blog

Pertama, mungkin blogger tersebut ingin mengubah atau memperluas tema blog yang dimilikinya padahal judul dan deskripsinya tidak sesuai, maka dia harus menyembunyikan judul dan deskripsi blog tersebut dan diganti dengan gambar. Mengapa tidak dihapus saja judul dan deskripsi blog tersebut, mengapa harus disembunyikan? hal ini karena judul dan deskripsi blog telah terdeteksi oleh mesin pencari Google, apabila judul dan deskripsi dihapus tentu dapat merusak SEO yang sudah dibuat sehingga mempengaruhi jumlah visitor.

Kedua, mungkin blogger tersebut ingin membuat judul blog dengan bentuk indah yang font nya tidak tersedia di blogger. Jadi blogger tersebut akan membuat gambar yang berisi judul blog yang sesuai selera dan dipasang pada header menggantikan judul yang telah ada.

Baiklah tanpa berlama-lama, langsung saja saya jelaskan bagaimana cara menyembunyikan judul dan deskripsi blog dari blogger. 

Ikuti langkah-langkah berikut.
1. Login ke blogger
2. Klik tema
3. Klik edit HTML
4. Untuk menyembunyikan judul blog, carilah kode berikut.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}


Atau kalau bingung kamu bisa klik ctrl + f di keyboard sehingga muncul kotak search dan ketikkan "#header" di dalamya tanpa tanda petik.

5. Kalau sudah ketemu tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; atau lebih jelasnya lihat kode dibawah ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}


6. Selanjutnya untuk menyembunyikan deskripsi blog, carilah kode berikut.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}


7. Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau agar lebih jelas lihat kode dibawah ini.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}


8. Kalau sudah selesai tinggal klik simpan template 

Selamat, kamu telah berhasil menyembunyikan judul dan deskripsi blog. Mudah bukan.

0 komentar

Post a Comment