Tạo Trang Liên Hệ Cho Blog

Tạo trang liên hệ cho Blog On 02:22 By Võ Trần Thi Tweet Việc tạo trang liên hệ cho một blog cũng như ta xây một cây cầu liên kết độc giả đến bạn một cách nhanh nhất. Trong bài viết này mình sẽ hướng dẫn các bạn tạo một trang liên hệ trên blogspot.

Bước 1: Thêm "contact form widget" vào blog.

Thực tế blogspot đã có widget contact form dùng để làm việc này, tuy nhiên mục tiêu ta đang hướng đến là tạo riêng 1 trang liên hệ, Ta làm như sau:

1. Đăng nhập vào tài khoản blog của bạn và đi đến mục bố cục (layout).
2. Nhấp vào nút “Thêm tiện ích” (Add a Gadget) và chọn tiếp “Tiện ích khác”(More Gadgets).
3. Giờ thì tìm “Mẫu liên hệ”(Contact form) và nhấp chọn nó.
4. Giờ bạn có thể thay đổi tên nếu muốn và sau đó nhấn lưu.

Bước 2: Ẩn "contact form widget".

Điều này có nghĩa là giờ ta sẽ làm cho widget này không hiển thị lên trên trang web của chúng ta, đơn giản chỉ là làm cho nó "vô hình" trên trình duyệt, lưu ý là nó vẫn ở đó nhưng vô hình nhé. Giờ ta chọn qua "Mẫu" và chọn "chỉnh sửa HTML", tìm đến dòng ]] và thêm vào bên dưới đoạn code sau :

#ContactForm1 { display: none ! important; }

Đoạn css trên thực hiện công việc là làm vô hình nốt DOM có class mang tên là ContactForm1, đó cũng chính là class chứa nội dung của Contact form widget.

Bước 3: Tạo trang liên hệ.

1. Nhấn vào "Trang" bên menu tay trái và chọn tiếp "Trang mới".
2. Chọn qua chế độ soạn thảo HTML và đưa vào đoạn code sau :

<form name="contact-form"> <p></p> Tên bạn:<br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" /> <p></p> Địa chỉ Email: <span style="font-weight: bolder;color:red;">*</span><br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" /> <p></p> Thông điệp: <span style="font-weight: bolder;color:red;">*</span><br /> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea> <p></p> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button" /> <p></p> <div style="text-align: center; max-width: 222px; width: 100%"> <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> Giờ thì bạn cần thay đổi đôi chổ thành nội dung mà bạn mong muốn. Đến đây, bạn nhấn Lưu trang là đã hoàn thành rồi. Tất nhiên bạn có thể thêm hoa lá cành cho đẹp! Nếu bạn đã làm theo hướng dẫn của mình mà khi test thử không nhận được email, hay báo lỗi, hay bất cứ lý do gì bạn có thể liên lạc mình tại trang liên hệ của mình hoặc comment vào dưới bài viết này, mình sẽ hồi đáp nhanh nhất có thể. Chúc bạn một ngày vui vẻ. Like This Post? Please share!Tweet

You May Also Like...

1 nhận xét:

1. Nguyễn Hoàng Đạtlúc 15:05 24 tháng 11, 2021

   được đó anh bạn ;)

   Trả lờiXóaTrả lời
   Trả lời

Thêm nhận xétTải thêm... Bài đăng Mới hơn Trang chủ

Bạn có thể kết nối với Thi thông qua các kênh sau:

• Facebook
• Twitter
• Google+
• Pinterest
• RSS

Labels

• API
• Âm nhạc
• Chơi Blog
• Code C#
• Công cụ lập trình
• Cuộc sống
• Google App Script
• HTML CSS Javascript
• Microsoft Dynamics AX
• Mobile
• Phần mềm
• Powershell
• Sách điện tử
• SAP
• SQL Server
• Thủ thuật
• Tư duy lập trình
• Ubuntu
• Website
• Windows
• WSL

Popular Posts

• Bảo vệ Code .net của bạn với ConfuserEx Bất cứ một vị phụ huynh nào đều không muốn đứa con của mình bị nhìn lén với không một mảnh vải che thân. Tôi cũng vậy và có thể bạn khi đọ...
• Các lệnh Windows Terminal lạ mà quen Open Cmd from current folder: alt+D, gõ CMD, Enter Open Cmd administrator from current folder: Alt+D, Gõ powershell start cmd -v runas Hidde...
• Windows server 2012 Tải, chuyển đổi phiên bản và kích hoạt. Trong quá trình quản lý hệ thống, bạn có thể cần phải nâng cấp hoặc chuyển đổi phiên bản Windows Server của mình để đáp ứng nhu cầu công việ...
• [Windows] Bỏ qua kiểm tra hệ thống mới cho cài đặt windows 11.   Khi cài đặt windows 11 mà trình cài đặt thông báo là máy không đủ cấu hình để cài windows 11 thì ta làm như sau: 1. Nhấn Shift + F10 để mở...
• [Kinh nghiệm] Kiểm tra máy laptop khi mua máy. 1. Kiểm tra tổng thể ngoại hình bên ngoài: các mặt xem có trầy xướt, cấn móp gì không? xem có giống với ảnh nhà cung cấp công bố, xem có bị...
• [Google App Script ] Cách tải tệp về trình duyệt dùng mã hóa Base64.   Đối với Google Appscript không build-in sẵn chức năng truyền tải file, nên khi viết 1 web app mà cần truyền tải file về trình duyệt thì cá...
• WSL2 - Kiểm tra tốc độ kết nối Internet 1. Kiểm tra bằng trình duyệt web:  - https://fast.com - https://www.speedtest.net 2. Kiểm tra bằng CLI: - Cài đặt sudo apt-get install curl ...
• [SQL] So Sánh Cấu Trúc 2 Database trong MS SQL SERVER.   Trong quá trình làm DB, nhiều khi hot fixed trên DEV mà quên ghi log lại, nên khi đưa lên QAS hay PRD bị sấp mặt. Script sau sẽ hỗ trợ phầ...
• Winget tự thiết đặt các phần mềm hay dùng và cài đặt tự động trong windows. Mình dùng window đã lâu và tới nay mới biết là Window cũng có dùng Package management như Linux, chắc là M$ học từ các nhà phát triển Linux.
• [Thủ thuật] Cài Winget trên Windows Server 2019  Hôm rồi có vọc cái Cloud VPS của AWS, khởi chạy windows server 2019 ngon lành cành đào, nhưng mà dùng cài vài phần mềm bằng winget thì nó b...

Blog Archive

Blog Archive tháng 5 2015 (2) tháng 6 2015 (8) tháng 7 2015 (6) tháng 9 2015 (4) tháng 10 2015 (8) tháng 11 2015 (2) tháng 12 2015 (3) tháng 6 2016 (4) tháng 7 2016 (4) tháng 8 2016 (3) tháng 9 2016 (6) tháng 10 2016 (1) tháng 11 2016 (2) tháng 12 2016 (1) tháng 2 2017 (2) tháng 4 2017 (1) tháng 6 2017 (1) tháng 7 2017 (2) tháng 1 2018 (1) tháng 3 2018 (1) tháng 4 2018 (1) tháng 7 2018 (1) tháng 11 2018 (1) tháng 10 2019 (3) tháng 11 2019 (1) tháng 3 2020 (2) tháng 4 2020 (1) tháng 5 2020 (2) tháng 6 2020 (2) tháng 7 2020 (2) tháng 8 2020 (1) tháng 9 2020 (2) tháng 11 2020 (1) tháng 7 2021 (2) tháng 9 2021 (1) tháng 11 2021 (1) tháng 12 2021 (8) tháng 1 2022 (1) tháng 5 2022 (2) tháng 6 2022 (2) tháng 5 2023 (1)