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

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.

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

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ả.

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Checkpass 2017 1h về

SHARE TEMPLATE TECH NEWS - RESPONSIVE BLOGGER TEMPLATE

Cách phát WiFi từ điện thoại Android đơn giản