Hallo Sobat Blogger....Selamat malam....
Bila sebuah blog sudah di pasang widget label atau kategori, maka begitu diklik salah satu labelnya maka akan muncul tampilan seperti ini:
Itulah pengaturan standar dari blogspot. Tetapi sebagian blogger merasa terganggu dengan tampilan lawas ini. Alasannya membuat halaman posting kurang rapi, terlalu ribet dan mempengaruhi loading blog. Oke, terlepas dari apa yang menjadi alasan, jika SOBAT juga ingin menghilangkan kotak tampilan entri lawas ini, SOBAT bisa lakukan langkah-langkah berikut:
1. Masuklah ke halaman Dasbor blog SOBAT lalu klik Rancangan.
2. Kemudian klik pada Edit HTML.
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template SOBAT dengan mengklik Download Template Lengkap.
4.Kemudian centanglah Expand Template Widget.
5. Kemudian carilah kode: <b:includable id='status-message'>
6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.
7. Kemudian scroll sedikit ke bawah, maka akan tampak beberapa baris kode pengiringnya, sehingga lengkapnya akan terlihat seperti dibawah ini.
Itulah pengaturan standar dari blogspot. Tetapi sebagian blogger merasa terganggu dengan tampilan lawas ini. Alasannya membuat halaman posting kurang rapi, terlalu ribet dan mempengaruhi loading blog. Oke, terlepas dari apa yang menjadi alasan, jika SOBAT juga ingin menghilangkan kotak tampilan entri lawas ini, SOBAT bisa lakukan langkah-langkah berikut:
1. Masuklah ke halaman Dasbor blog SOBAT lalu klik Rancangan.
2. Kemudian klik pada Edit HTML.
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template SOBAT dengan mengklik Download Template Lengkap.
4.Kemudian centanglah Expand Template Widget.
5. Kemudian carilah kode:
6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.
7. Kemudian scroll sedikit ke bawah, maka akan tampak beberapa baris kode pengiringnya, sehingga lengkapnya akan terlihat seperti dibawah 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>
<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>
8. oke, sekarang gantilah semua kode tersebut dengan kode di bawah ini. Agar lebih mudah SOBAT bisa copy saja lalu timpalah (pastekan) tepat pada semua kode di atas.
9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses penyimpanan selesai.
10. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog. Kemudian cobalah klik salah satu label blog SOBAT. Apakah tulisan tampilkan entri lawasnya masih muncul atau sudah hilang.
Selamat berkreasi dan selamat mencoba...Jangan ragu untuk mencobanya...hmm
10. Sekarang lihatlah hasilnya dengan mengklik Lihat Blog. Kemudian cobalah klik salah satu label blog SOBAT. Apakah tulisan tampilkan entri lawasnya masih muncul atau sudah hilang.
Selamat berkreasi dan selamat mencoba...Jangan ragu untuk mencobanya...hmm
Artikel yang berkaitan
Posted in
Tutorial Blog
0 komentar:
Posting Komentar