Thảo Luận

×Close

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 thi 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 đó. Blog Star Cường IT đã tạo thành công, còn bạn thì sao?

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

Create button Close/Open for Blogspot

Demo:

Tình yêu như cánh chim trời, nhẹ bay theo gió mãi thôi, để bao thương nhớ âm thầm thiết tha vô bờ...

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!

Xem thêm: Cách thêm nút Ẩn/Hiện vào Blogger cực đẹp

Từ khóa: tạo nút ẩn hiện nội dung cho blogspot, button ẩn hiện cho blogspot

➥ Nhập địa chỉ Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
➥ Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
➥ Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.

6 nhận xét
Hiển thị
  1. nểu mở ra mặc định là nó đang hiện được không bạn

    Trả lờiXóa
  2. nếu mở ra mặc định là nó đang "hiện" chứ không ẩn - được không bạn

    Trả lờiXóa
    Trả lời
    1. đảo vị trí ẩn hiện trong code đấy bạn

      Xóa
  3. ý là khi f5 cái là nó hiện ra mục lục luôn bạn ! nếu mình cần ẩn mới click vào - còn mặc định khi f5 là nó "hiện" trước

    Trả lờiXóa
  4. ý là khi f5 cái là nó hiện ra nội dung văn bản luôn bạn ! nếu mình cần ẩn mới click vào - còn mặc định khi f5 là nó "hiện" trước

    Trả lờiXóa
    Trả lời
    1. mình nghĩ là có thể đảo none hoặc ko none chỗ phần style.display =

      Xóa
Mới hơn Cũ hơn

Oops!! CÓ VẺ NHƯ BẠN ĐANG BẬT ADBLOCK

Quảng cáo giúp StarCuongIT.Com duy trì website và tiếp tục chia sẻ các thủ thuật đến bạn.

Bạn vui lòng tắt Adblock hoặc cho QuangNinhBay.Com vào danh sách trắng trong công cụ chặn quảng cáo của bạn. Cảm ơn!

×