Cara Menyembunyikan Deskripsi Blog
Cara Menyembunyikan Deskripsi Blog
Ketika melihat tampilan blog saya dalam versi mobile di mobiletest.me, saya nilai deskripsi blog mendominasi layar, terutama untuk handphone yang layarnya agak kecil. Pengunjung tidak langsung melihat artikel yang hendak dibaca. Menurut saya kurang bagus. Saya merasa perlu untuk menyembunyikan deskripsi blog dan juga menghapus widget laman.
Setelah belajar dari blogger lain, saya akhirnya tahu bagaimana Cara Menyembunyikan Deskripsi Blog:
1. Masuk ke dashboard blogger.
2. Klik Template, klik Edit HTML.
3. Klik di area kode HTML, tekan Ctrl+F, akan muncul kotak pencarian.
4. Copy dan paste kode berikut di kotak pencarian tadi, kemudian tekan Enter:
.Header .description {
5. Tambahkan kode berikut di bawah kode tadi:
display:none;
Sehingga akan tampak seperti ini:
6. Klik Format template.
7. Klik Simpan template.
Setelah langkah di atas, ditambah dengan menghapus widget laman, tampilannya tampak seperti ini:
Sekarang para pengunjung dengan handphone layar kecil sudah dapat melihat judul artikel pertama dari blog.
Demikian Cara Menyembunyikan Deskripsi Blog, semoga bermanfaat bagi anda.
Ketika melihat tampilan blog saya dalam versi mobile di mobiletest.me, saya nilai deskripsi blog mendominasi layar, terutama untuk handphone yang layarnya agak kecil. Pengunjung tidak langsung melihat artikel yang hendak dibaca. Menurut saya kurang bagus. Saya merasa perlu untuk menyembunyikan deskripsi blog dan juga menghapus widget laman.
![]() |
| Blog versi mobile dengan deskripsi |
Setelah belajar dari blogger lain, saya akhirnya tahu bagaimana Cara Menyembunyikan Deskripsi Blog:
1. Masuk ke dashboard blogger.
2. Klik Template, klik Edit HTML.
3. Klik di area kode HTML, tekan Ctrl+F, akan muncul kotak pencarian.
4. Copy dan paste kode berikut di kotak pencarian tadi, kemudian tekan Enter:
.Header .description {
Akan tampak tampilan sebagai berikut:
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
5. Tambahkan kode berikut di bawah kode tadi:
display:none;
Sehingga akan tampak seperti ini:
.Header .description {
display:none;
font-size: $(description.text.size);
color: $(description.text.color);
6. Klik Format template.
7. Klik Simpan template.
Setelah langkah di atas, ditambah dengan menghapus widget laman, tampilannya tampak seperti ini:
![]() |
| Blog versi mobile tanpa deskripsi |
Sekarang para pengunjung dengan handphone layar kecil sudah dapat melihat judul artikel pertama dari blog.
Demikian Cara Menyembunyikan Deskripsi Blog, semoga bermanfaat bagi anda.


Komentar
Posting Komentar