Cara Menyembunyikan Pesan Status di Halaman Label/Search Blogger

Selamat malam, pagi, siang dan sore buat yang baca. :) Artikel ini adalah post request oleh seorang sobat Blogger yang ingin sekali menghapus, menghilangkan atau menyembunyikan pesan status (status message) yang biasanya muncul di atas halaman label blog atau halaman hasil pencarian Blogger. Istilah dari Blogger nih, "Status Message Bar". Mungkin memang tampak kurang elegan dan menarik apabila pesan status label/pencarian ini muncul di bagian atas kumpulan posting yang dikelompokkan berdasarkan label atau hasil pencarian. Bagi sebagian orang, tampilan ini justru merusak desain blog secara keseluruhan. Sobat semua tentu sangat sering melihat "status", atau yah... katakanlah "informasi", seperti ini ketika mengunjungi halaman label:

Showing posts with label Blogosphere. Show all posts

Atau pada hasil pencarian dengan mesin pencari milik Blogger, salah satu tampilannya seperti ini:

Jika anda menggunakan Google Custom Search, tentu pesan ini tidak akan muncul.

Masih banyak lagi variasi pesan yang digunakan pada label dan search tergantung parameter dan kueri yang digunakan.

Pesan status ini diatur melalui engine dan server Blogger dengan permintaan sebuah tag XML tertentu. Jadi, sebagaimana konsep struktur template Blogger, Status Message Bar ini masih bersifat "widgetized", merupakan sebuah widget, sama seperti bagian posting, widget sidebar, dll. Kemudian, masih di server Blogger, pesan tersebut di atur tampilannya melalui CSS default. 

Nah, dari kedua konsep yang digunakan oleh Blogger tersebut, kita dapat melakukan hack kecil-kecilan untuk menghapus atau menghilangkan pesan status di halaman label dan search dengan dua cara:

1. Menghapus tag XML status message bar.
2. Menyembunyikan tampilan status message bar dengan menggunakan CSS baru (dengan "class" yang sama persis), dan menumpuki aturan CSS defaultnya.

Menghilangkan Pesan Status Label/Search dengan Menghapus Tag-nya

Berikut caranya:
1. Masuk ke dashboard > template > Edit HTML.
2. Centang "Expand Widgets Template" di sudut kanan atas.
3. Cari tag berikut:

<b:include data='top' name='status-message'/>

4. Hapus tag tersebut. Note: pada template tertentu biasanya ada dua, hapus semuanya.
5. Save template.

Cara ini digunakan untuk benar-benar menghapus permintaan pesan status pada halaman label dan halaman search. Jadi tidak akan ada perintah kepada Blogger untuk menampilkan pesan tersebut.

Menyembunyikan Pesan Status Label/Search dengan CSS

Cara ini cukup sederhana, yaitu dengan menggunakan property display untuk menyembunyikan:

1. Masuk ke dashboard > template > Edit HTML (tidak perlu "expand widget templates")

2. Masukkan kode CSS berikut, tepat di atas ]]></b:skin> :

.status-msg-wrap{display:none !important;}

3. Save template.

Setelah melakukan salah satu cara di atas, lihat hasilnya pada halaman label dan search. Apabila caranya benar, maka pesan status tidak akan tampil.

Kesimpulan dan Tips

Saya menyampaikan dua metode hack di atas agar dapat dipilih mana yang terbaik untuk digunakan. Namun demikian, sebagai saran, sebaiknya gunakan cara kedua, karena cara ini cenderung lebih aman dan tidak mengubah peta susunan tag apapun di dalam template. 

Dari penggunaan hack melalui CSS, berarti didapat juga kesimpulan bahwa kita bisa melakukan yang lebih untuk desainnya. Ingin membuat tampilan Status Message Bar pada blog sobat lebih menarik? Dalam kesempatan mendatang, saya akan segera berbagi beberapa desainnya. 

Perlu diperhatikan pula kita tidak bisa mengubah ISI pesan karena semua diatur di dalam engine Blogger, bukan dari template. Yang bisa dilakukan adalah MENGGANTI-nya. Ini dua konsep yang jelas berbeda. Caranya? Wait! Saya segera kembali dengan topik, tips blog, dan tutorial menarik lainnya. :) Have a nice blogging on Blogger!

© buka-rahasia.blogspot.com. 2013 - 'Til drop! All rights reserved.

Tweet