TẠO BẢNG THÔNG BÁO CHO BLOG (KIÊU 2)

Với bảng thông báo kiểu 2 này, nội dung sẽ được ẩn hiện do tác động vào nút bấm. Khi bấm vào nút "Bấm vào đây để xem thông báo" thì nội dung thông báo sẽ hiển thị phía dưới, nếu không muốn xem nữa, bạn bấm "Đóng thông báo lại", bạn bấm vào xem thử phía dưới nha.

Xem thử

Thủ thuật này khá đơn giản, chỉ cấn bạn đăng nhập vào blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào

<div><div><input type="button" value="Bấm vào đây để xem thông báo" style="width:300px;font-size:20px;margin:0px;padding:0px;" 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 = 'Đóng thông báo lại'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Bấm vào đây để xem thông báo'; }"><br /> </div><div><div style="display: none;">Nội dung thông báo bạn viết tại đây<br /> </div></div></div>

Bây giờ, bạn nhập nội dung thông báo vào và bấm Lưu lại là xong