Hộp form liên hệ ẩn hiện ở chân trang cho Blogger Blogspot

Hiện nay có rất nhiều form liên hệ dạng plugin dành cho Blogger Blogspot. Nhìn chung thì rất đa dạng, dễ dàng tích hợp, tùy biến cao. Nhưng khi làm blogger, hầu hết chúng ta đều biết, càng dùng nhiều plugin thì tốc độ tải trang blog của mình càng chậm đi vì còn phải lệ thuôc vào tốc độ máy chủ của những plugin đó nữa.

Đã từ lâu, Blogspot đã hộ trợ sẵn một tiện ích form liên hệ nhưng hiện vẫn ít được các Blogger sử dụng. Dựa trên tiện ích có sẵn này, mình đã xây dựng một hộp liên hệ hấp dẫn hơn, độc đáo hơn, hoàn toàn không phụ thuộc vào plugin bên ngoài, và đảm bảo tối ưu cho tốc độ tải trang.

DEMO: Shareplainly.blogspot.com hoặc Bitcoinsurfer.blogspot.com đang sử dụng.

Hộp form liên hệ ẩn hiện Blogger Blogspot
Hộp form liên hệ ẩn hiện Blogger Blogspot
Hộp form liên hệ ẩn hiện Blogger Blogspot
Hộp form liên hệ ẩn hiện Blogger Blogspot
Các bước thực hiện:
Bước 1: 
Đăng nhập vào Blogger.com >> Vào blog cần sửa (Blog của tôi) >> Chọn Bố cục >> Chọn Thêm tiện ích >> Chuyển qua tab Tiện ích khác >> Chọn Biểu mẫu liên hệ >> Chọn Lưu
Bước 2:
Trở lại Blog của tôi >> Chọn Mẫu >> (Lưu ý: trước khi làm bước chỉnh sửa HTML này, bạn nên sao lưu mẫu HTML của mình lại, phòng khi có lỗi phát sinh trong quá trình chỉnh sửa, ta có thể khôi phục lại mẫu HTML ban đầu) Chọn Chỉnh sửa HTML >> Chọn Chuyển đến tiện ích >> chọn ContactForm1 (xem hình)
Hộp form liên hệ ẩn hiện Blogger Blogspot
Hộp form liên hệ ẩn hiện Blogger Blogspot
Sau đó xóa hết những thứ bên trong tiện ích này, chỉ để lại các thẻ như sau:

Tiếp theo thêm: #ContactForm1 {display:none} vào trước thẻ ]]></b:skin>
Và thêm code sau vào trước thẻ </body>


Chú ý:
Bạn có thể tùy chỉnh màu cho nút ấn hay màu đường viền với các css trong
Thay đổi các đoạn văn bản tùy thích trong code: value='LIÊN HỆ SHARE PLAINLY' và "Mời bạn để lại lời nhắn. Chúng tôi sẽ sớm gửi hồi đáp qua Email. Chân thành cảm ơn bạn!"

Cuối cùng chọn Lưu mẫu và tải lại blog của mình để xem kết quả.

Chúc các bạn thành công!
Cảm ơn bạn đã ghé thăm Share Plainly!

Bạn sẽ có được một backlink dofollow ngay sau khi đăng comment. Nếu bạn có bất kỳ ý kiến với bài viết này, hãy bình luận ngay nhé. Bạn vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu.

Mời bạn để lại lời nhắn. Chúng tôi sẽ sớm gửi hồi đáp qua Email. Chân thành cảm ơn bạn!

Tên

Email *

Lời nhắn *