anaksmanda.com - Ketika membuka halaman label atau kategori di Blogger, kalian mungkin pernah melihat tulisan “Tampilkan entri lama” atau pesan navigasi lain di bagian atas daftar artikel. Bagi sebagian pemilik blog, tulisan tersebut dianggap mengganggu tampilan dan kurang sesuai dengan desain template yang digunakan.
Jika kalian ingin menghilangkan pesan tersebut, salah satu cara yang dapat dicoba adalah mengedit bagian status-message pada template Blogger. Pada tutorial ini, kita akan membahas langkah-langkahnya, termasuk alternatif menggunakan CSS tanpa JavaScript.
Cara Menghilangkan Tulisan Tampilkan Entri Lama di Blogger
Sebelum mengubah kode template, sebaiknya buat cadangan tema terlebih dahulu. Dengan begitu, kalian dapat memulihkan template jika terjadi kesalahan saat proses pengeditan.
1. Masuk ke Dashboard Blogger
Buka Blogger dan masuk menggunakan akun yang mengelola blog kalian.
2. Buka Menu Tema
Pada dashboard Blogger, pilih menu Tema. Sebelum melanjutkan, buat cadangan template agar perubahan dapat dikembalikan jika diperlukan.
3. Buka Edit HTML
Pilih opsi untuk mengedit HTML tema. Melalui editor ini, kalian dapat mencari dan mengubah kode yang mengatur tampilan pesan navigasi pada template.
4. Cari Kode status-message
Gunakan fitur pencarian pada editor HTML untuk menemukan bagian kode berikut. Struktur kode dapat berbeda-beda, bergantung pada tema yang digunakan.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/>
</div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Catatan: Kode tersebut merupakan contoh struktur pada sejumlah template Blogger. Jika kalian tidak menemukannya, jangan langsung mengganti blok kode lain yang terlihat mirip. Periksa struktur tema terlebih dahulu.
5. Ganti Kode yang Sesuai
Jika struktur kode pada tema kalian cocok, bagian tersebut dapat dicoba diganti dengan kode berikut untuk mengosongkan pesan navigasi yang ditampilkan oleh status-message.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div></div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Perlu diperhatikan bahwa hasilnya bergantung pada struktur dan cara kerja tema. Pada tema tertentu, pesan tersebut mungkin berasal dari elemen lain sehingga penggantian kode ini belum tentu menghilangkannya.
6. Simpan dan Periksa Hasilnya
Setelah selesai mengedit, simpan tema dan buka kembali halaman label atau arsip blog. Periksa apakah tulisan yang ingin dihilangkan sudah tidak muncul. Jika masih terlihat, pulihkan cadangan bila terjadi masalah, kemudian periksa kembali bagian kode yang mengatur pesan tersebut.
Alternatif: Menghilangkan Pesan dengan CSS
Jika kalian hanya ingin menyembunyikan kotak pesan, CSS dapat menjadi alternatif yang lebih sederhana tanpa menambahkan JavaScript. Tambahkan aturan berikut pada bagian CSS template apabila pesan menggunakan kelas status-msg-wrap.
.status-msg-wrap {
display: none !important;
}
Aturan tersebut menyembunyikan elemen dengan kelas status-msg-wrap. Namun, jika kelas yang sama digunakan untuk pesan lain, pesan tersebut juga akan ikut tersembunyi. Karena itu, periksa hasilnya setelah CSS diterapkan.
Baca Juga
Kesimpulan
Menghilangkan tulisan “Tampilkan entri lama” di Blogger dapat dilakukan dengan menyesuaikan kode template atau menggunakan CSS, tergantung pada struktur tema yang digunakan. Sebelum melakukan perubahan, selalu cadangkan tema dan pastikan kode yang diedit memang sesuai dengan template aktif.
Dengan penyesuaian yang tepat, tampilan halaman label dapat dibuat lebih bersih tanpa harus menambahkan script pemuat konten. Periksa kembali hasil perubahan agar navigasi lain yang masih dibutuhkan pengunjung tetap berfungsi dengan baik.
Komentar
Memuat komentar...
Tulis Komentar
Silakan bertanya atau berbagi pengalaman. Komentar berisi tautan aktif atau promosi akan dihapus.