Cara Mengubah Tulisan Showing Posts With Label di Blog

Tiga pilihan yang dapat dilakukan mengenai notif “Showing posts with label....” adalah membiarkan, menghapus atau mengeditnya. Pada artikel sebelumnya kita telah membahas mengenai bagaimana cara menghapus notif “Showing posts with label....”, jika Sobat belum tahu Sobat bisa klik tautan dibawah ini.

Baca Juga : 3 Cara Menghapus Tulisan Showing Posts With Label di Blog

Seperti yang sebelumnya saya jelaskan bahwa notif ini muncul bila kita mengklik atau membuka salah satu label di blog. Sebenarnya notif ini bisa dibilang membantu sebagai penjelas tapi terkadang juga mengganggu bagi beberapa blogger. Jika Sobat blogger merasa notif tersebut penting namun tidak suka dengan tampilan tulisannya, Sobat bisa mengganti tulisan tersebut dengan kata-kata Sobat sendiri. Caranya pun sangat mudah dan simpel Sob, Sobat bisa ikuti tutorial berikut untuk mengganti tulisan notif “Showing posts with label....” di blog dengan mudah.

1. Pertama, buka akun blog Sobat kemudian klik tema lalu klik edit HTML.

2. Cari dan buka kode <b:includable id=’status-message’>. Sobat klik tanda titik tiga (...) untuk membuka kodenya.

Baca Juga : Cara Mengubah File Video ke MP3 di Laptop Dengan Mudah

3. Berikut isi kode yang telah diexplore.

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

4. Sobat cukup hapus kode yang bewarna merah.

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

kemudian ganti dengan kata-kata yang Sobat pingin dan tambahi kode <data:blog.searchLabel/>. (Contoh seperti berikut)

<div class='status-msg-body'>
Artikel Pada Label <data:blog.searchLabel/>
</div>

5. Jika sudah klik simpan tema.

6. Sobat tinggal test dengan mengklik salah satu label di blog Sobat.

Baca Juga : Cara Download Lagu dari Video di Youtube Tanpa Aplikasi

Untuk mempercantik tampilan notif, Sobat salin dan tempel kode CSS berikut diatas ]]></b:skin>.

/* Untuk Mengubah Variasi Teks  */
.status-msg-body {     }

/* Untuk Mengubah Variasi Border */
.status-msg-border {    }

/* Untuk Mengubah Warna Background */
.status-msg-bg {     }

Edit sesuai keinginan Sobat, jangan lupa klik simpan tema jika sudah selesai mengedit dan langsung test blog Sobat.