Code tạo Button Ẩn-Hiện nội dung cho blogspot

Nhiều khi bạn muốn sử dụng một đoạn nội dung ẩn thì không cần thiết, chỉ hiện ra khi người dùng muốn đọc chúng. Vì vậy, bạn cần sử dụng một đoạn Code tạo Button làm ẩn hiện nội dung đó.

Code tạo Button Ẩn-Hiện nội dung cho blogspot.

Create button Close/Open for Blogspot

Demo:

Anh Trai Nắng là Blogger chia sẻ Thủ thuật Công Nghệ, Thủ thuật blogspot, Quản trị mạng, Facebook, Tips, Template Blogspot, Font thiết kế, Review...

Cách làm

Bạn chèn đoạn code dưới đây vào bất kì chỗ nào mà bạn muốn hiển thị chúng trong bài viết.

<div>
<div>
<input type="button" value="Xem" style="width:75px; font-size:11px; margin-bottom:5px; padding:4px; border="1"" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }">
</div>
<div>
<div style="display: none;border:#4F4F4F 1px solid;padding: 4px;background:# ">
NỘI_DUNG
</div>
</div>

Xuất bản bài viết thế là xong, rất đơn giản đúng không nào!

Bài viết cũ cũng thuộc dạng vô tri rồi nhưng úp làm mới cho nó có nội dung mới. Cảm ơn anh em ghé xem!

Tăng tương tác MXH

Like, sub, view, comment, share livestream…

• Instagram, TikTok, YouTube, Twitter, Shopee
• Dịch vụ nhanh – ổn định

🎁 Mã giảm giá: đang cập nhật

Khám phá

Tài khoản Premium

CapCut, Canva, ChatGPT, Semrush, HMA, Google Ads…

• Kích hoạt nhanh – bảo hành rõ
• Đa dạng gói

🎁 Mã giảm giá: đang cập nhật

Mua ngay

Template Blogspot

Thiết kế chuẩn SEO, tối ưu tốc độ & giao diện.

• Nhiều mẫu cho blog, shop
• Tùy biến dễ

🎁 Mã giảm giá: anhtrainang (-10%)

Xem mẫu

Tags: Blogspot Code Javascript Tips

Chia sẻ:

Đã sao chép link!

Bài viết liên quan