Biểu mẫu liên hệ Blogger rất quan trọng để cung cấp cho độc giả của bạn cơ hội giao tiếp với bạn. Thêm biểu mẫu liên hệ vào blog Blogger của...
Biểu mẫu liên hệ Blogger rất quan trọng để cung cấp cho độc giả của bạn cơ hội giao tiếp với bạn. Thêm biểu mẫu liên hệ vào blog Blogger của bạn không quá khó khăn. Có tiện ích Biểu mẫu liên hệ Blogger có sẵn trong danh sách tiện ích con mặc định của Blogger. Nhưng nếu bạn muốn thêm tiện ích diễn đàn Liên hệ trên trang tĩnh thì không có cách nào chính thức để thực hiện việc này trên blogger.
 |
| Widget liên hệ tốt nhất cho Blogger mẫu 04 |
I. Bật biểu mẫu liên hệ Blogger trong Blogger. Làm theo các bước sau:
- Đăng nhập vào tài khoản blogger của bạn.
- Truy cập Trang tổng quan / Tổng quan Blogger.
- Chọn phần Bố cục từ menu bên trái.
- Nhấp vào Thêm Tiện ích (Thanh bên / Chân trang sẽ tốt hơn)> Thêm Tiện ích.
- Nhấp vào nút Blue Plus của Tiện ích biểu mẫu liên hệ và sau đó Lưu nó.
Bây giờ là lúc để ẩn tiện ích liên hệ blogger mặc định này bởi vì SaibABC sẽ tạo biểu mẫu liên hệ phong cách của mình trong trang " Liên hệ với chúng tôi " tĩnh .
II. Ẩn biểu mẫu liên hệ Blogger mặc định:
- Chuyển đến “ Mẫu> Chỉnh sửa Html.
- Bây giờ hãy tìm mã kết thúc kiểu: ]]> </ b: skin>.
- Dán mã CSS nhỏ này ngay trên đây.
- Lưu mẫu của bạn và bạn đã hoàn tất.
div # ContactForm1 {display: none! important;
III. Thêm biểu mẫu liên hệ Blogger vào trang tĩnh:
- Bây giờ tạo trang Liên hệ tĩnh của SaibABC cho blogger
- Chuyển đến phần Trang và nhấp vào nút Trang mới
- Tiêu đề trang với liên hệ với chúng tôi
- Giờ hãy chuyển đến Tùy chọn cài đặt trang
- Chọn Bình luận của người đọc “ Không cho phép, ẩn hiện tại ”. Nhấp vào nút Xong.
- Bây giờ hãy chọn thiết kế bạn muốn và dán vào trang đó và nhấp vào Xuất bản.
- Vist của bạn mới tạo Liên hệ với chúng tôi Page.
IV. Copy Code Box Ở Đây Nhé!
div # ContactForm1 {display: none! important;]</blockquote>
<h3>
<span style="color: blue;">III. Thêm biểu mẫu liên hệ Blogger vào trang tĩnh:</span></h3>
<ol>
<li>Bây giờ tạo trang Liên hệ tĩnh của <a href="https://saibabc.blogspot.com/">SaibABC</a> cho blogger</li>
<li>Chuyển đến phần <b>Trang</b> và nhấp vào nút <b>Trang mới</b></li>
<li>Tiêu đề trang với <b>liên hệ với chúng tôi</b></li>
<li>Giờ hãy chuyển đến <b>Tùy chọn cài đặt trang</b></li>
<li>Chọn Bình luận của người đọc “ <b>Không cho phép, ẩn hiện tại</b> ”. Nhấp vào nút <b>Xong</b>.</li>
<li>Bây giờ hãy chọn thiết kế bạn muốn và dán vào trang đó và nhấp vào <b>Xuất bản</b>.</li>
<li>Vist của bạn mới tạo Liên hệ với chúng tôi Page.</li>
</ol>
<h3>
<span style="color: blue;">IV. Copy Code Box Ở Đây Nhé!</span></h3>
<blockquote>
[<style>.c-form-name, .c-form-email, .c-form-email-message{padding:10px;margin:8px 0 8px 0;border:1px solid #E5E5E5;width:50%;color:#999999;box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;} .c-form-email-message{width:95%;height:150px;line-height:18px;} .tb-contact-form-widget input:hover,textarea:hover,input:focus,textarea:focus{border-color:1px solid #C9C9C9;box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;} .tb-contact-form-widget label{margin-left:10px;color:#999999;} .cform-button {width:100px;height:40px;background-color:#474E70;color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} #ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:50%;margin-top:25px;} </style><div class="tb-contact-form-widget"> <form name="contact-form"> <div class="name"> <input class="c-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" placeholder="Your Name"/> <label for="name">Name</label> </div> <div class="email"> <input class="c-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" placeholder="mail@example.com"/> <label for="email">E-mail *</label> </div> <div style="clear: both;"></div> <div class="message"> <textarea class="c-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" placeholder="Write something to us..."> </textarea> <div class="srbtn"> <input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" /> </div> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div></div></form></div>Lưu ý: Nếu gặp khó khăn xin vui lòng để comment dưới phần bình luận để SaibABC hỗ trợ cho bạn sớm nhất có thể. Cảm ơn bạn.
COMMENTS