Cara Mengganti Isi Pesan Yang Ditampilkan Pada Status Message Ketika Sebuah Label Artikel Diklik

Sobat Blogger, setelah sebelumnya saya menerbitkan artikel dengan judul “Cara Mengubah Desain Tampilan Warna Garis Dan Background Status Message Blog” yang menguraikan sebuah teknik untuk ‘mempercantik’ desain tampilan status message,  ternyata ada respon sangat positif dari seorang sahabat yang disampaikan dalam artikel tersebut. Ia menyampaikan bahwa akan menjadi lebih keren lagi jika kustomisasi yang dilakukan pada status message tidak hanya sebatas modifikasi tampilan dengan menambahkan kode CSS tertentu ke dalam template, namun dengan mengubah kata atau kalimat yang ditampilkan dalam pesan status tersebut. Jadi maksudnya adalah yang dimunculkan dalam status message bukan lagi kalimat ‘Showing posts with label Themes. Show all posts’, akan tetapi diganti sesuai dengan kata-kata atau kalimat olahan kita sendiri.

Nah, menanggapi respon yang saya sebutkan di atas, akhirnya saya pun berinisiatif untuk menyusun dan kemudian menerbitkan artikel ini dengan harapan dapat dijadikan sebagai acuan atau referensi dalam melakukan kustomisasi pada widget status message. Dimana untuk keperluan tersebut (kustomisasi pada widget status message), dapat dilakukan dengan cara mengerjakan langkah-langkah berikut ini secara berurutan.

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, cari kode <b:includable id='status-message'> dan kemudian hapus seluruh rangkaian kode untuk bagian tersebut. Sebagai contoh perhatikan rangkaian kode di bawah ini.

<b:includable id='status-message'>  <!-- hapus dari sini -->
  <b:if cond='data:navMessage'>
  
      // rangkaian kode //
  
  </b:if>
</b:includable>  <!-- hapus sampai sini -->

Ketiga, sisipkan rangkaian kode berikut ini pada bagian kode yang telah dihapus dengan menggunakan langkah kedua.

<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
    <b:if cond='data:blog.pageType == "error_page"'>
      <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:else/>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          Menampilkan Daftar Posting Sesuai Dengan Label Yang Anda Pilih. <a expr:href='data:blog.homepageUrl'>Klik Di Sini</a> Untuk Menampilkan Semua Kategori Artikel.
        </div>
        <div class='status-msg-border'>
          <div class='status-msg-bg'>
            <div class='status-msg-hidden'>Menampilkan Daftar Posting Sesuai Dengan Label Yang Anda Pilih. <a expr:href='data:blog.homepageUrl'>Klik Di Sini</a> Untuk Menampilkan Semua Kategori Artikel.</div>
          </div>
        </div>
      </div>
      <div style='clear: both;'/>
    </b:if>
  </b:if>
</b:includable>

Keterangan:

Rangkaian kode yang terdapat di antara <b:if cond='data:blog.pageType == "error_page"'> dan <b:else/> berfungsi menampilkan pesan status khusus untuk halaman yang tidak ditemukan. Dimana kalimat atau isi pesan status untuk bagian ini dapat diatur dengan dengan menggunakan menu yang terdapat pada Dasbor Blogger, dalam hal ini adalah dengan menggunakan menu ‘Setelan’ > ‘Preferensi penelusuran’ > ‘Kesalahan dan pengalihan’ > ‘Pesan Khusus untuk Laman Tidak Ditemukan’.

Sedangkan rangkaian kode yang terdapat di antara <b:else/> dan </b:if> digunakan untuk menampilkan pesan ketika dilakukan klik pada salah satu label yang menyatakan kategori artikel yang diterbitkan. Pesan status yang digunakan pada bagian ini hanyalah sekedar contoh sesuai dengan pesan status yang digunakan blog ini, sehingga apabila kata-kata atau kalimatnya serta tautan yang digunakan belum sesuai dengan keinginan Anda maka silakan dilakukan perubahan seperlunya.

Keempat, simpan template.

Setelah template disimpan, maka tampilan pesan status yang didapatkan lebih kurang adalah seperti yang tampak pada gambar di atas. Namun demikian tidak termasuk pada desain tampilan warna garis dan latar status message tersebut. Sehingga untuk melakukan perubahan desain tampilan status message, Anda dapat mengerjakan langkah-langkah sesuai dengan teknik yang saya uraikan dalam artikel sebelumnya yang berjudul “Cara Mengubah Desain Tampilan Warna Garis Dan Background Status Message Blog”.

Semoga berguna dan bermanfaat. Dan apabila mengalami kesulitan dalam mengimplementasikan teknik tersebut, maka silakan ajukan pertanyaan sesuai dengan kesulitan yang Anda alami dengan cara mengeposkan komentar dalam artikel ini.

Salam.