Tạo form liên hệ cho blogspot

      53
Tiếp tục với chuỗi mẹo nhỏ blog nhưng Terocket sẽ ra mắt, lúc này sẽ ra thủ thuật bắt đầu có tên làBiểu chủng loại liên hệ / Contact Form trông rất nổi bật mang lại Blogspot Blogger V1. Với phiên bạn dạng này, biểu mẫu mã liên hệ tốt có cách gọi khác là Biểu mẫu mã contact / Liên hệ Form đang trông trông rất nổi bật lên, căng đầy cùng rất là văn minh. Tạo điểm độc nhất vô nhị cực tốt mang đến hưởng thụ người dùng, giúp họ bị tạo để ý và điền lên tiếng gửi ngay lập tức mau chóng.

Bạn đang xem: Tạo form liên hệ cho blogspot


Để tiến hành mẹo nhỏ Biểu chủng loại tương tác / Contact Form V1 này mang đến blogger blogspot rất đơn giản, chúng ta chỉ cần tuân theo vài bước làm việc tiếp sau đây, bạn sẽ tạo nên Biểu chủng loại tương tác / Contact Form cự kỳ hiện đại.

Xem thêm: Giao Diện Responsive Là Gì, Thiết Kế Website Chuẩn Responsive


Thứ nhất các bạn vàoBlogger.com → Blog Title → Layout → Add Widget →More Gadgets → Contact Form → Lưu lại.
*

#ContactForm1display:none;#contact_wrap margin: auto;width: 321px;height: 380px;padding: 25px;border-radius: 1em;border-top:1px solid #dbdbdb;border-right:1px solid #b2b2b2;border-left:1px solid #dbdbdb;border-bottom:1px solid #9d9d9d;background-color:#cccccc;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#f2f2f2", endColorstr="#cccccc");background-image:-webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 một nửa, #cccccc 100%);background-image:-moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);background-image:-ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 một nửa, #cccccc 100%);background-image:-o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 1/2, #cccccc 100%);background-image:linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);box-shadow: 1px 1px 5px #ccc;#contact_wrap h3color: #e8f3f9;font-family:Georgia;font-size: 20px;font-style:italic;font-weight:bold;margin: 0 -36px 20px -36px;padding: 12px;text-align: center;text-shadow: 2px 0 0 #1f4962;-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;-moz-box-shadow: inmix 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;box-shadow: inphối 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;background-color: #3689b9;position: relative;#contact_wrap h3:before content: " ";position: absolute;bottom: -10px;left: 0;width: 0;height: 0;border-style: solid;border-width: 10px 0 0 10px;border-color: #333 transparent transparent transparent;#contact_wrap h3:after content: " ";position: absolute;bottom: -10px;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent transparent #333;#ContactForm1_contact-form-namewidth: 270px;height:auto;margin: 5px auto;padding: 10px 10px 10px 40px;background:#f6f6f6 url(http://2.bp.blogspot.com/-GoNmkIDybR0/UZuZDpVOXaI/AAAAAAAAEO8/pNPaQU1aiwQ/s1600/user.png)no-repeat 10px center;color:#777;border:1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inmix, #f5f5f5 0px 1px 0px;#ContactForm1_contact-form-emailwidth: 270px;height:auto;margin: 5px auto;padding: 10px 10px 10px 40px;background: #f6f6f6 url(http://3.bp.blogspot.com/-zGxMJ_C5R60/UZuZGnKgcuI/AAAAAAAAEPE/KwPOHFuBffc/s1600/pen.png)no-repeat 10px center;color:#777;border:1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inmix, #f5f5f5 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;#ContactForm1_contact-form-email-messagewidth: 270px;height: 150px;margin: 5px auto;padding: 10px 10px 10px 40px;font-family:Arial, sans-serif;background: #f6f6f6 url(http://1.bp.blogspot.com/-QduNKpNbFyQ/UZuZPuE_OfI/AAAAAAAAEPU/Rv4C4Kic2I0/s1600/msg2.png)no-repeat 10px 10px;color:#777;border:1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inphối, #f5f5f5 0px 1px 0px;box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inmix, #f5f5f5 0px 1px 0px;#ContactForm1_contact-form-submit width: 95px;height: 30px;float: right;color: #FFF;padding: 0;cursor:pointer;margin: 25px 0 3px 0 0;background-color:#005a8a;border-radius:4px;text-shadow: 1px 0 0 #1f4962;-webkit-box-shadow: inphối 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;-moz-box-shadow: inmix 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;box-shadow: inphối 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;background-color: #3689b9;border:1px solid #194f6d;#ContactForm1_contact-form-submit:hover background:#4c9bc9;#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-messagewidth: 320px;margin-top:35px;

Bước 3 - Đặtbiểu mẫu tương tác / Liên hệ Form vào trong một trang thắt chặt và cố định.


Tại công đoạn này, bạn phải tạo nên một trang liên quan để đặtbiểu mẫu tương tác / Liên hệ Form này. Ví dụ Terocket đem tương tác là http://www.terocket.com/p/contact.html ví dụ điển hình. Để tạo được một trang điều đó, bạn cần vào Blogger ->Blog Title -> Trang -> Trang new -> HTML -> Và copy đoạn mã code tiếp sau đây vào vào HTML -> Xuất bản! Thế là xong!
Vậy là vẫn dứt luôn tiện íchbiểu chủng loại contact / Liên hệ Form khá nổi bật mang đến Blogspot Blogger V1 rồi. Đây là một trong những app thủ pháp blog cực kỳ giỏi, tạo ra sự chuyên nghiệp hóa đến blog của khách hàng ngay tự ánh nhìn đầu tiên. Hãy thực hiện đi nhé!
Nếu thấy thủ thuật blog này hay, hãy mô tả cho đồng đội chúng ta nhé, trường hợp gồm chổ làm sao không biết, hãy gửi một bình luận ngơi nghỉ tiếp sau đây, Terocket đã câu trả lời mang lại các bạn đúng lúc nha!
tinh dầu vape, pod 1 lần