Hôm nay mình 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... 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 theo ý muốn của mình. 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. Demo ngay dưới đây:
Để thêm nút này vào bài đăng của bạn, hãy chuyển đến Chế độ xem HTML trong trình chỉnh sửa bài đăng và thêm code 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>
Chỉnh sửa nội dung ẩn của ban, hoàn thành bài viết và xuất bản > xem kết quả.
đã sửa
Trả lờiXóa