Blog Mua Sắm Thông Minh – MEGA STOREBlog Mua Sắm Thông Minh – MEGA STORE
  • TRANG CHỦ
  • Shop
  • Thủ Thuật
    • Thủ Thuật WordPress
    • Thủ Thuật Blogspot
    • Thủ Thuật SEO
    • Thủ Thuật Windows
    • Thủ Thuật Phần Cứng
    • Thủ Thuật Văn Phòng
    • Thủ Thuật Android
    • Thủ Thuật IOS
    • Thủ Thuật Mac OS
    • Thủ Thuật Mạng Internet
  • Phần Mềm
    • Phần Mềm Windows
    • Phần Mềm Android
    • Phần Mềm IOS
    • Phần Mềm Mac OS
  • Games
    • Windows Game
    • Game Android
    • Game IOS
    • Game Mac
    • Game Online
    • Hướng dẫn chơi Game
  • Web
    • Mạng Xã Hội
    • Giải Trí Online
    • Chia Sẻ Trực Tuyến
    • Học Tập Trực Tuyến
    • Mua Sắm Trực Tuyến
    • Các Tiện Ích Online Khác
  • Tin Tức
    • Tin Nóng 24h
    • Công Nghệ
    • Tổng Hợp
  • Liên Hệ
Facebook Twitter Instagram Pinterest YouTube LinkedIn
Thứ Hai, Tháng Sáu 27
Đăng nhập
tin mới
  • “Quái vật xuyên không” 7 tỉ năm hiện hình, 1 giây nuốt hết 1 Trái Đất
  • Chuyện Ma có thật ( chuyện xảy ra trong đời )
  • 500+ câu nói hay nhất, ấn tượng nhất giúp bạn sống tích cực hơn mỗi ngày
  • Top 10 công cụ tăng traffic cho website hiệu quả nhất
  • ‘Ngọc Hoàng’ Quốc Khánh U60 vẫn độc thân, sống ở phòng 10m2
  • Hướng dẫn kiểm tra máy tính có cài được Windows 11 hay không
  • Android 12: Lịch Cập Nhật Và Cách Tải Android 12 Chính Thức
  • Hướng dẫn xóa tài khoản WhatsApp trên điện thoại nhanh chóng
Facebook Twitter Instagram
Blog Mua Sắm Thông Minh – MEGA STORE Blog Mua Sắm Thông Minh – MEGA STORE
ĐỒ DA XỊN - CHẾ TÁC THỦ CÔNG BỞI THỢ LÀNH NGHỀ
  • TRANG CHỦ
  • Shop
  • Thủ Thuật
    • Thủ Thuật WordPress
    • Thủ Thuật Blogspot
    • Thủ Thuật SEO
    • Thủ Thuật Windows
    • Thủ Thuật Phần Cứng
    • Thủ Thuật Văn Phòng
    • Thủ Thuật Android
    • Thủ Thuật IOS
    • Thủ Thuật Mac OS
    • Thủ Thuật Mạng Internet
  • Phần Mềm
    • Phần Mềm Windows
    • Phần Mềm Android
    • Phần Mềm IOS
    • Phần Mềm Mac OS
  • Games
    • Windows Game
    • Game Android
    • Game IOS
    • Game Mac
    • Game Online
    • Hướng dẫn chơi Game
  • Web
    • Mạng Xã Hội
    • Giải Trí Online
    • Chia Sẻ Trực Tuyến
    • Học Tập Trực Tuyến
    • Mua Sắm Trực Tuyến
    • Các Tiện Ích Online Khác
  • Tin Tức
    • Tin Nóng 24h
    • Công Nghệ
    • Tổng Hợp
  • Liên Hệ
Blog Mua Sắm Thông Minh – MEGA STOREBlog Mua Sắm Thông Minh – MEGA STORE
Trang chủ » Mẫu form Liên Hệ đẹp tuyệt cho Blogspot
Blogspot

Mẫu form Liên Hệ đẹp tuyệt cho Blogspot

megastoreBy megastore01/10/2021Updated:09/27/2021Không có phản hồi5 Phút đọc

Bạn đang tìm kiếm một mẫu form dùng cho trang Liên hệ dành cho trang blog của mình? Bạn chưa tìm kiếm được mẫu form nào vừa ý từ các trang blogspot khác chia sẻ?

Vậy hãy dừng lại ít phút để cùng xem qua mẫu form trang Liên hệ tuyệt đẹp dành cho các bạn nhé.

Mẫu form này được thiết kế và sử dụng riêng cho Blogspot, vì vậy nó sẽ không dùng cho các website sử dụng mã nguồn khác đâu nhé.

Mẫu form Liên Hệ đẹp tuyệt cho Blogspot
Mẫu form Liên Hệ đẹp tuyệt cho Blogspot

Xem nhanh

  • Mẫu form Liên hệ dành cho Blogspot
  • 1. Vào “Trang” (Page) -> “Trang mới” (New page).
  • 3. Copy toàn bộ đoạn code bên dưới đây, dán vào đó:
  • 4. Sửa lại những điểm lưu ý bên dưới đây để mail liên hệ sẽ được gửi đến đúng tài khoản của bạn:
  • NHỮNG BÀI VIẾT ĐƯỢC QUAN TÂM NHẤT:
    • THEO DÕI MEGA STORE TẠI:
    • LIÊN HỆ VỚI CHÚNG TÔI:

Mẫu form Liên hệ dành cho Blogspot

Để tạo mẫu form Liên hệ giống như ở ảnh demo ở dưới, các bạn hãy làm theo hướng dẫn tạo mẫu form Liên hệ của mình ngay bên dưới:

Mẫu form này tạo ở đâu cũng được, tuy nhiên, theo mình nghĩ thì các bạn nên tạo form liên hệ ở một trang riêng biệt. Ở đây, mình khuyến khích dùng phần “Trang” (Pages) trong cài đặt của Blogspot:

1. Vào “Trang” (Page) -> “Trang mới” (New page).

2. Chuyển sang tab HTML.

3. Copy toàn bộ đoạn code bên dưới đây, dán vào đó:

<div class=”separator” style=”clear: both; text-align: center;”> <img alt=”Liên hệ Mr.Quân” height=”230″ src=”https://lh3.ggpht.com/-ikSVvk6ykts/WO-jkgJR2NI/AAAAAAAAENM/NCN7y9lDEi4OFOn0CRDORSKeJDcju4CuACLcB/s1600/lien-he.png” style=”border-image: none; border: medium;” title=”Liên hệ Mr.Quân” width=”640″ />
</div> Tôi sẽ rất vui lòng nếu nhận được sự phản hồi của các bạn. Nếu có gì chưa chính xác, hay nếu muốn đề xuất nội dung được viết trên <a href=”https://www.blog.muasamthongminh.xyz/”>Mega Store Blog</a> thì hãy gửi yêu cầu đến tôi. Tôi sẽ cố gắng hỗ trợ các bạn một cách nhanh nhất và tốt nhất. Cảm ơn!
<br />
<form id=”kontak-arlina” name=”contact-form”>
<input id=”ContactForm1_contact-form-name” name=”name” placeholder=”Tên *” size=”30″ type=”text” value=”” />
<input id=”ContactForm1_contact-form-email” name=”email” placeholder=”Email *” size=”30″ type=”text” value=”” />
<textarea cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” placeholder=”Nội dung *” rows=”5″></textarea>
<input id=”ContactForm1_contact-form-submit” type=”button” value=”Gửi tin nhắn” />
<br />
<div style=”max-width: 100%; text-align: center; width: 100%;”>
<div id=”ContactForm1_contact-form-error-message”> </div>
<div id=”ContactForm1_contact-form-success-message”> </div>
</div>
</form>
<br />
<ul>
<li>Email: quannd.hb@gmail.com</li>
<li>https://www.blog.muasamthongminh.xyz</li>
<li>Skype: mrquan3580</li>
</ul>
<style scoped=”” type=”text/css”>
#comments,
.post_meta,
#blog-pager {
display: none
}

form {
color: #666
}

form.payforpal {
margin: auto;
text-align: center
}

#kontak-arlina {
margin: auto;
max-width: 640px
}

#ContactForm1_contact-form-name,
#ContactForm1_contact-form-email {
display: inline-block;
width: 45%;
height: auto;
background: #fff;
margin: 20px auto;
padding: 15px 12px;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2);
float: left;
transition: all 0.2s
}

#ContactForm1_contact-form-email {
float: right
}

#ContactForm1_contact-form-email-message {
width: 100%;
height: 175px;
margin: 5px 0 20px 0;
padding: 15px 12px;
background: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2);
resize: none;
transition: all 0.3s
}

#kontak-arlina br {
display: none
}

#ContactForm1_contact-form-name:focus,
#ContactForm1_contact-form-email:focus,
#ContactForm1_contact-form-email-message:focus {
outline: none;
background: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.2);
}

#ContactForm1_contact-form-submit {
float: left;
background: #e74c3c;
color: #fff;
margin: auto;
vertical-align: middle;
cursor: pointer;
padding: 16px 20px;
font-size: 15px;
text-align: center;
letter-spacing: .5px;
border: 0;
width: 100%;
font-weight: 500;
transition: all .2s
}

#ContactForm1_contact-form-submit:hover,
#ContactForm1_contact-form-submit:focus {
background: #c0392b;
color: #fff;
}

#ContactForm1_contact-form-error-message,
#ContactForm1_contact-form-success-message {
width: 100%;
margin-top: 35px
}

.contact-form-error-message-with-border {
background: #f47669;
border: 0;
box-shadow: none;
color: #fff;
padding: 5px 0;
border-radius: 3px
}

.contact-form-success-message {
background: #4fc3f7;
border: 0;
box-shadow: none;
color: #fff;
border-radius: 3px
}

img.contact-form-cross {
line-height: 40px;
margin-left: 5px
}

.post-body input {
width: initial
}

@media only screen and (max-width: 640px) {
#ContactForm1_contact-form-name,
#ContactForm1_contact-form-email,
#ContactForm1_contact-form-submit {
width: 100%;
float: none
}
}
</style>
<script type=”text/javascript”>
//<![CDATA[ if (window.jstiming) window.jstiming.load.tick(‘widgetJsBefore’); //]]>
</script>
<script src=”https://www.blogger.com/static/v1/widgets/2271878333-widgets.js” type=”text/javascript”></script>
<script type=”text/javascript”>
//<![CDATA[ if (typeof(BLOG_attachCsiOnload) != ‘undefined’ && BLOG_attachCsiOnload != null) { window[‘blogger_templates_experiment_id’] = “templatesV1”;window[‘blogger_blog_id’] = ‘5996935446171071211‘;BLOG_attachCsiOnload(”); }_WidgetManager._Init(‘//www.blogger.com/rearrange?blogIDx3d5996935446171071211‘,’//www.blog.muasamthongminh.xyz’,’5996935446171071211‘); _WidgetManager._RegisterWidget(‘_ContactFormView’, new _WidgetInfo(‘ContactForm1’, ‘footer1’, null, document.getElementById(‘ContactForm1’), {‘contactFormMessageSendingMsg’: ‘Đang gửi…’, ‘contactFormMessageSentMsg’: ‘Tin nhắn của bạn đã được gửi.’, ‘contactFormMessageNotSentMsg’: ‘Tin nhắn của bạn chưa được gửi. Vui lòng thử lại sau.’, ‘contactFormInvalidEmailMsg’: ‘Vui lòng thêm địa chỉ email hợp lệ.’, ‘contactFormEmptyMessageMsg’: ‘Nội dung không được để trống.’, ‘title’: ‘Mẫu liên hệ’, ‘blogId’: ‘5996935446171071211‘, ‘contactFormNameMsg’: ‘Tên’, ‘contactFormEmailMsg’: ‘Email’, ‘contactFormMessageMsg’: ‘Nội dung’, ‘contactFormSendMsg’: ‘Gửi tin nhắn’, ‘submitUrl’: ‘https://www.blogger.com/contact-form.do’}, ‘displayModeFull’)); //]]>
</script>

4. Sửa lại những điểm lưu ý bên dưới đây để mail liên hệ sẽ được gửi đến đúng tài khoản của bạn:

– Đoạn id màu xanh dương: 5996935446171071211 bạn cần thay lại cho đúng ID của blog của bạn.
– Đường dẫn màu đỏ: www.blog.muasamthongminh.xyz thay lại bằng địa chỉ trang web của bạn.
– Các nội dung liên hệ khác bạn coi tùy chỉnh lại ở trên đoạn code luôn nhé.

#Chiasẻmẫuform #mẫuformLiênHệ #mẫuformLiênHệchoBlogspot #formLiênHệBlogspot #Blogspot

NHỮNG BÀI VIẾT ĐƯỢC QUAN TÂM NHẤT:

  • XE Ô TÔ MÔ HÌNH BẰNG KIM LOẠI
  • DECAN – TEM –  NHÃN – TRANG TRÍ XE Ô TÔ
  • PHỤ KIỆN DÀNH CHO BÊN NGOÀI XE Ô TÔ
  • LINH PHỤ KIỆN DÀNH CHO BÊN TRONG XE Ô TÔ
  • BAO DA ĐIỆN THOẠI
  • ỐP LƯNG ĐIỆN THOẠI
  • KÍNH CƯỜNG LỰC ĐIỆN THOẠI
  • TỔNG HỢP SẢN PHẨM CÔNG NGHỆ KHÁC

THEO DÕI MEGA STORE TẠI:

  • Blog: https://megastore52.blogspot.com
  • FANPAGE: https://www.facebook.com/MegaStore52

LIÊN HỆ VỚI CHÚNG TÔI:

  • ĐIỆN THOẠI: 096.757.1145
  • ĐIỆN THOẠI: 0972.305.914
  • EMAIL: megastore.vnn@gmail.com

blogspot Chia sẻ mẫu form form Liên Hệ Blogspot mẫu form Liên Hệ mẫu form Liên Hệ cho Blogspot
Chia sẻ. Facebook Twitter Pinterest LinkedIn Tumblr Email

BÀI VIẾT LIÊN QUAN

Top 10 công cụ tăng traffic cho website hiệu quả nhất

02/09/2022

Hướng dẫn kiểm tra máy tính có cài được Windows 11 hay không

01/02/2022

Android 12: Lịch Cập Nhật Và Cách Tải Android 12 Chính Thức

12/12/2021

PHẢN HỒI CỦA BẠN Hủy trả lời

HỖ TRỢ:
Gọi mua hàng: 096.757.1145
Gọi bảo hành: 0914.055.540
Gọi kỹ thuật: 0326.286.107
LIÊN KẾT:
  • Đồ da xịn thủ công
  • Shop Mega Store
  • Mega Store qua Facebook
  • Mega Store qua Youtube
  • CHÍNH SÁCH:
  • Điều khoản dịch vụ
  • Chính sách đổi/trả hàng
  • Chính sách vận chuyển
  • Chính sách về quyền riêng tư
  • Facebook Twitter Instagram Pinterest YouTube Flickr
    © 2022 Blog được thiết kế bởi: Mega Store.

    Nhập ở trên và nhấn Enter để tìm kiếm. Nhấn Esc để hủy.

    Sign In or Register

    Welcome Back!

    Login below or Register Now.

    Lost password?

    Register Now!

    Already registered? Login.

    A password will be e-mailed to you.