Menyembunyikan Label, Author dan Jumlah Komentar pada Halaman Statis - Halaman statis atau Static Page biasanya digunakan untuk menyimpan dokumen About, Daftar Isi, Contact dll. Pada halaman statis biasanyatidak dimunculkan Label, Author, Tanggal postingan dan jumlah komentar. Akan tetapi beberapa template mungkin saja pada halaman statis ini memunculkan Label, Author dsb.
Bagi sobat yang belum faham, saya akan jelaskan step by step cara penggunaannya. Disini saya akan menjelaskan dengan inspect element atau memeriksa elemen, selanjutnya penggunaan tag kondisionalnya.
Untuk mengetahui elemen atau objek mana yang akan disembunyikan, buka salah satu halaman statis di blog sobat, kemudian lakukan langkah-langkah ini :
1. Blok pada Label/Author/Komentar
2. Klik kanan pada blok tersebut.
3. Klik Periksa Elemen / Inspect Element.
Setelah itu akan muncul kurang lebih seperti ini (saya menggunakan browser Google Chrome)
Perhatikan pada gambar, pindahkan mouse satu persatu pada blok HTML, lihat ke atas, apabila sudah terblok semua, berarti elemen itulah yang kita cari.
Pada gambar di atas kita menemukan
Tugas saat ini adalah menyembunyikan
Contoh cara menyisipkan display:none pada css
Silahkan dipelajari sendiri caranya
Semoga Berhasil............ Good Luck


Bagi sobat yang belum faham, saya akan jelaskan step by step cara penggunaannya. Disini saya akan menjelaskan dengan inspect element atau memeriksa elemen, selanjutnya penggunaan tag kondisionalnya.
Inspect Element pada Static Page
Untuk mengetahui elemen atau objek mana yang akan disembunyikan, buka salah satu halaman statis di blog sobat, kemudian lakukan langkah-langkah ini :
1. Blok pada Label/Author/Komentar
2. Klik kanan pada blok tersebut.
3. Klik Periksa Elemen / Inspect Element.
Setelah itu akan muncul kurang lebih seperti ini (saya menggunakan browser Google Chrome)
Perhatikan pada gambar, pindahkan mouse satu persatu pada blok HTML, lihat ke atas, apabila sudah terblok semua, berarti elemen itulah yang kita cari.
Pada gambar di atas kita menemukan
<div class="postmeta"> dan pada CSSnya .postmeta. Setelah mendapatkan markup HTML dan CSSnya, langkah selanjutnya adalah menyembunyikan elemen tersebut dengan Tag kondisional.Menyembunyikan Elemen dengan Tag Kondisional.
Tugas saat ini adalah menyembunyikan
.postmeta dari halaman statis. Maka sisipkan code display:none pada css..postmeta{display:none}Contoh cara menyisipkan display:none pada css
.postmeta{display:none;font:11px Oswald;text-transform:uppercase;font-weight:normal;padding:5px 0;line-height:16px;color:#aaa}Silahkan dipelajari sendiri caranya

Semoga Berhasil............ Good Luck






sudah saya coba sob, dan berhasil :) :) :)
BalasHapusyaa ya yaa, selamat (h) (h) (h)
Hapusnice tutor sob ane coba di blog ane yang atu... :)
BalasHapusSilahkan (f) x-) (k)
Hapus