Cara Menyembunyikan Tampilkan Label pada Blog

Tulisan yang ada pada saat membuka label atau kategori di blog maka kita akan menemukan tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting. Lebih tepatnya seperti gambar :
Tulisan di atas akan selalu muncul saat membuka label atau kategori dan tentunya sangat tidak menarik untuk dilihat oleh kita sendiri maupun pengunjung. Maka dari itu kita harus mencari solusi untuk masalah yang satu ini agat tidak tampil lagi di blog kita tentunya.
Ada 2 cara untuk mengatasi masalah di atas yaitu dengan menghilangkan atau menyembunyikan atau dengan menghapusnya beserta elemennya.

Cara menghilangkan atau menyembunyikan tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting
  1. Login ke bloger
  2. Masuk ke dashboard
  3. Pilih Template
  4. Klik Edit HTML
  5. Tekan CTRL + F untuk mencari kode ini ]]></b:skin>
  6. Kemudian letakkan kode dibawah ini, diatas ]]></b:skin>
    .status-msg-wrap{ 
    display:none; 

    .status-msg-body{ 
    display:none; 

    .status-msg-border{ 
    display:none; 
    }
  7. Maka hasil akhirnya setelah di letakan di atas ]]></b:skin> seperti ini :
    .status-msg-wrap{ 
    display:none; 

    .status-msg-body{ 
    display:none; 

    .status-msg-border{ 
    display:none; 
    }
    ]]></b:skin>
  8. Terakhir preview template, jika tidak ada pesan error maka selanjutnya baru Save. Selesai.
Tapi cara di atas hanya menghilangkan atau menyembunyikan bukan menghapus dengan elemen-elemen tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting,  maka dari itu kita perlu langkah-langkah di bawah ini lagi.

Cara menghapus tulisan Tampilkan posting dengan label bla bla bla. Tampilkan semua posting
  1. Login ke blogger
  2. Masuk ke dashboard
  3. Pilih Template
  4. Klik Edit HTML
  5. Tekan CTRL + F untuk mencari kode ini <b:includable id='status-message'> 
    Maka yang harus di ganti tlisan 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>
  6. Ganti kode di atas menjadi :
    <b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>
  7. Terakhir preview template, jika tidak ada pesan error maka selanjutnya baru Save. Selesai.
Sekian postingan kali ini dan jika ada yang perlu di posting lagi silahkan berkomentar tapi berkomentarlah yang sopan. oke semoga postingan kali bermanfaat buat kita semua.
SALAM SUKSES :-)
Share:

No comments:

Post a Comment