Code Trang liên hệ cho Template Median UI

Code Trang liên hệ cho Template Median UI

Hướng dẫn thiết lập Trang liên hệ cho Template Blogger Median UI khi khởi tạo mới 1 blog vệ tinh

Hướng dẫn:

Hãy tạo một trang mới, đừng quên điền vào mô tả tìm kiếm trên trang mới của bạn.

Chuyển sang chế độ HTML, sau đó sao chép và dán mã bên dưới vào nội dung trang của bạn:


<div class='ContactForm' id='ContactForm1'>
  <form name='contact-form'>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-name'>Name</label>
      <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' type='text' value='' />
    </div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email'>Email <span>*</span></label>
      <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' type='text' value='' />
    </div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email-message'>Message <span>*</span></label>
      <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
    </div>
    <div class='input-area'>
      <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit' />
    </div>
    <div class='notif-area'>
      <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
      <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>

<script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
<script>/*<![CDATA[*/ if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '000000000000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d000000000000000000','//www.chunproductions.xyz/','000000000000000000');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '000000000000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); /*]]>*/</script>

Thay đổi phần được đánh dấu trong mã ở trên bằng id blog của bạn, có ít nhất ba mã giống nhau mà bạn phải thay đổi thành id blog của mình.

Thông tin:
  • [000000000000000000]: Id blog của bạn, có 4 lần viết mã trên.
  • [www.chunproductions.xyz]: Địa chỉ blog của bạn (không có http/https).
  • [Your Name, Email, Message]: Nhập tiêu đề trong biểu mẫu liên hệ.
  • [Submit]: Văn bản trên nút gửi.
  • [Sending ...]: Văn bản khi đang gửi tin nhắn.
  • [Your message has been sent.]: Văn bản thông báo khi gửi thành công.
  • [Message could not be sent. Please try again later.]: Văn bản thông báo tin nhắn không được gửi.
  • [A valid email address is required.]: Văn bản thông báo email không hợp lệ.
  • [A Message field cannot be empty.]: Văn bản thông báo khi nội dung thư trống.

Xuất bản trang của bạn và vui lòng kiểm tra xem tiện ích liên hệ có thành công hay không.








Đăng bởi : Doan Nguyen Code Trang liên hệ cho Template Median UI Đánh giá: 9.1 / 10

0 Nhận xét
Danh mục
Xem nhiều
Blog