Menghilangkan Sidebar di Postingan dengan Label Tertentu - Blogger Tekno

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Kamis, 06 Oktober 2022

Menghilangkan Sidebar di Postingan dengan Label Tertentu

Menghapus sidebar dari posting dengan tag khusus – Saya menulis posting ini sebagai tanggapan terhadap seorang teman blogger yang bertanya kepada saya bagaimana cara menghapus sidebar dari posting dengan tag khusus. Trik ini sebenarnya sudah saya lakukan di postingan lain tentang membuat halaman postingan berdasarkan tag javascript , tapi tidak fokus pada cara menghilangkan sidebar, jadi cari itemnya di Magic Company.

Di prompt ini kita memerlukan tag kondisi tag khusus untuk menambahkan javascript yang berfungsi untuk menambahkan kelas ke tag tubuh. Karena menggunakan tag bersyarat untuk beberapa tag, itu tidak dapat dikecualikan dari pesan.

Tag umum untuk tag khusus ini adalah:

 

............


............

Dan berikut javascript untuk menambahkan class pada tag body yang akan disimpan pada state tag diatas.

Hati-hati, spasi sebelum tag di atas harus memastikan bahwa kelas tubuh tidak dikompresi atau digabungkan jika tag tubuh sudah memiliki kelas.

Jadi jika Anda menggabungkan tag cond dan javascript, akan terlihat seperti ini:










Harap cocokkan kode tag tubuh dengan tag yang ingin Anda gunakan untuk kelas, misalnya: B. trik tag agar terlihat seperti ini.










Kemudian masukkan kode di kotak pesan sebagai berikut:



.............
.............

KODE ADA DI SINI

Biarkan seperti itu; biarlah.



.............
.............





Kemudian tambahkan CSS ke gaya blog Anda untuk menghapus sidebar seperti ini:

 .Trik .sidebar {
display: none;
visibility: hidden;
}

Jika Anda ingin menambahkan tag lain, seperti tag tips, tambahkan kode berikut.


Jadi terlihat seperti ini.












Jadi beginilah perubahan CSS.

 .Trik .sidebar , .Tips .Sidebar {
tampilan: tidak ada;
Visibilitas: tersembunyi;
}

Silahkan dicoba dan semoga bermanfaat.

Untuk kejelasan lebih lanjut tentang bagaimana kode diterapkan, tonton video di bawah ini.

Tidak ada komentar:

Posting Komentar

Post Top Ad

Responsive Ads Here