Cara Menghilangkan "Status Message" Blogger

Status Message adalah sebuah pesan yang muncul pada main post atas ketika kita mengakses halaman pencarian pada label atau arsip blogger yang memberitahukan bahwa halaman yang sedang ditampilkan berada pada label (misalnya) Blogger Hacks.

Status Message ini bisa kita modifikasi tampilannya atau bahkan bisa kita hilangkan jika merasa bahwa fitur ini tidak lagi dibutuhkan. Sebuah trik sederhana dengan menambahkan sedikit potongan kode CSS pada template maka status message pun lenyap. Adapun kode CSSnya adalah seperti di bawah ini.

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

Supaya kode CSS di atas mampu bekerja dengan baik, Anda harus menempatkannya pada tempat yang tepat, lebih mudahnnya tempatkan di atas kode ]]></b:skin>

Cara yang lain untuk menghilangkan status message blogger adalah dengan menonaktifkan kode penyusun status message itu sendiri. Karena ini berhubungan dengan kode template yang rumit saya sarankan untuk membackup terlebih dahulu template blogger supaya nanti jika terjadi kesalahan bisa mengupload ulang kode templatenya. Susunan kode status message blogger kurang lebih seperti berikut, kode ini saya ambil dari template blog ini.

<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>

Untuk menonaktifkannya sisipkan kode <!-- .... --> di antara kode <b:if cond='data:navMessage'> ... </b:if> sehingga susunannya menjadi seperti berikut.

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
 <!-- menonaktifkan status message
  <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;'/>
    menonaktifkan status message -->
  </b:if>
</b:includable>

Cara yang ketiga untuk menghilangkan tampilan status message blogger adalah dengan menghapus susun kode di antara <b:if cond='data:navMessage'> ... </b:if>, sehingga susunan kodenya seperti di bawah ini.

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  </b:if>
</b:includable>

Kesimpulan:

Dari ketiga cara di atas terlihat bahwa cara yang lebih efisien untuk menghilangkan status message blogger adalah dengan menggunakan kode CSS. Lantas jika ada cara yang lebih mudah kenapa cara yang lebih sulit ikut dipublikasikan? Sederhana saja, cara yang pertama memang lebih efisien (dan sayapun juga menggunakan cara yang ini), akan tetapi kita tidak tahu seperti apa kode penyusun dari status message ini. Alasan klasik kenapa para blogger (termasuk saya) menghilangkan status message ini adalah karena tampilannya yang kurang menarik, untuk dibuat supaya lebih menarik langkah pertama tentunya adalah tahu lokasi kode penyusun status message itu sendiri, dan pada postingan ini saya ikut menyertakannya supaya kita sama-sama tahu. Anda ingin melakukan modifkasi pada status message blogger? Ikuti tutorial selanjutnya. Terima kasih.

—ς∞ς—

Tweet

Postingan terkait:

Ditulis EM — Monday, 29 April 2013 — 2 Comments — Blogger Hacks