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

Hôm nay tôi sẽ chỉ cho bạn cách bạn có thể thêm nút Open / Close vào blogger. . Nút này có thể hữu ích và lưu lại nội dung của bạn từ những kẻ gửi thư rác, máy photocopy vv Nút này được tạo từ CSS và HTML. 

Bạn cũng có thể thay đổi văn bản Open / Close để lựa chọn bạn mong muốn. Bạn có thể ẩn các tệp tin như hình ảnh, mã, tệp âm thanh, liên kết tải lên bằng nút này. Trong hướng dẫn này, mã được tạo từ nhiều phần tử CSS để thay đổi kích thước / cắt các hình ảnh lớn. Bản demo của hack thiết kế này có thể được nhìn thấy ngay bên dưới.

THÊM HTML / CSS

Để thêm nút này vào bài đăng của bạn, hãy chuyển đến tab HTML trong trình chỉnh sửa bài đăng của Blogger và thêm mã bên dưới.

<div id="spoiler" style="display: none;">

Nội Dung Ẩn

</div>

<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button">Ẩn / Hiện</button>

<br />

Sau khi thêm HTML chỉ cần chỉnh sửa và thêm code ẩn của bạn mà bạn có thể làm bằng cách xem các bước dưới đây.

CÁCH THIẾT LẬP NÚT HIỆN , ẨN

Các bạn thay những từ in đậm màu đỏ thành thứ mà bạn thích !

Nguồn : Star Cường IT