Senin, 30 April 2018
Menghilangkan Deskripsi Blog pada Header untuk Blogger
Topik kali ini saya akan membagi informasi mengenai menghilangkan deskripsi blog pada header, sebenarnya deskripsi blog itu sangat membantu untuk meningkatkan pengunjung di blog kalian loh. Terus bagaimana dong supaya deskripsi blog tetap ada tapi deskripsi blog ingin dihilangkan pada header tag.??
Lihat gambar diatas, deskripsi blog sungguh sangat menganggu tampilan blog kita. Saya ingin menghilangkan deskripsi blog tersebut tanpa menghapus deskripsi blog nya. Langsung saja keprosesnya yah..
Mengetahui Tag Class pada Deskripsi Blog
- Pertama kita harus mengetahui tag class yang digunakan oleh deskripsi blog itu sendiri, ingat setiap tag class deskripsi blog berbeda beda. Kenapa berbeda.? Karena setiap template yang kalian gunakan otomatis memiliki script coding class yang berbeda pula Namun pada umumnya berada di dalam tag <head>......</head>.
- Jika kalian bingung menentukan class mana deskripsi yang ada pada template blog kalian. Ikuti langkah pada gambar di bawah ini.
1. Klik kanan pada blog deskripsi kalian, pilih inspeksi
2. Kemudian cari berada di kelas manakah deskripsi blog kalian, contoh diatas berada pada class “.description” dan didalam class “.header”.
3. kemudian di kolom yang ketiga kita mencari adakah class .header .description { }, jika ada ikuti langkah selanjutnya.
Merubah CSS pada Template Blog Kalian
Jika kalian sudah cukup lama bermain blog khususnya blogger pasti sudah sangat paham cara merubah script coding css dan html template kalian. Jika masih newbie nih ikutin..
- Masuk ke dalam Blogger admin kalian
- Pilih Theme kemudian Edit HTML
1. Pada kolom html tekan ctrl+f sampai keluar bar find seperti gambar diatas. Kemudian kita akan mencari kelas deskripsi blog yang akan kita hilangkan. Tuliskan “.description” tanpa tanda kutip yah. Lalu enter..
2. Kemudian kita cari kelas yang sama dengan tahap inspeksi awal tadi, lihat gambar diatas ternyata ada kelas deskripsi blog yang akan kita hilangkan sesuai dengan tahap inspeksi awal dengan script codingnya
.Header .description {
Margin : .5cm 0 10px;
padding: 0 2px;
color: $(blog .description .color);
}
Lalu apa yang harus kita hilangkan untuk menghilangkan deskripsi blog pada header kita.? Karena kita akan menghilangkannya maka kita menambahkan beberapa fungsi dari kelas deskripsi tersebut. Tambahkan script display : none; maka script coding css nya akan berubah menjadi
.Header .description {
Margin : .5cm 0 10px;
padding: 0 2px;
color: $(blog .description .color);
display : none;
}
Kemudian pilih save theme / simpan tema, refresh kembali blog anda dan lihat apakah berhasil atau tidak.
Ternyata berhasil deskripsi blog saya sudah tidak tampil lagi di dalam tema tanpa menghapus description blog untuk blogger. Semoga artikel ini bermanfaat dan dapat membantu kalian yah, jika kalian masih bingung silakan comment yah mungkin saya bisa bantu untuk memecahkan kebingungan kalian.
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar