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

• [Excel] Phá password VBA trong 30 giây. 1. Sửa tên file Excel thành .zip 2. Giải nén ra thư mục và tìm đến file xl\vbaProject.bin, mở bằng Notepad++ 3. Tìm Chuối DPB thay bằng DPx ...
• 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 đọ...
• Làm sao để kiểm tra xem SQL server đã có bản quyền hay chưa ? Chỉ đơn giản là chạy đoạn script: SELECT SERVERPROPERTY('productversion') as productversion, SERVERPROPERTY ('productlev...
• Cài đặt Driver wifi wireless cho Ubuntu trong trường hợp không nhận thiết bị Hướng dẫn sau đây sẽ giúp bạn cài đặt driver cho máy dùng Ubuntu nhận thiết bị wifi bao gồm cả USB wifi. Mình thực hành trên Ubuntu 14.04 v...
• Giải mã store procedure bị mã hóa trong sql server. Khi bảo trì một dự án phần mềm, Nếu bạn gặp phải trường hợp phải sửa một store procedure, function, trigger, view mà bị mã hóa thì có vẻ h...
• [SQL] Chặn IP truy cập trái phép vào SQL server Nếu Bạn đã có chạy một MSSQL Server public ra bên ngoài Extranet nhưng muốn hạn chế một số IP không cho truy xuất vào. Làm theo hướng dẫn sa...
• 11 Chương trình miễn phí làm rối mã .Net. (obfuscate .net application) Một ứng dụng được viết ra biên dịch sang mã máy luôn có cách để dịch ngược lại thành code (RE). Mục tiêu của nhiều lập trình viên hiện na...
• [SAP] Cấu hình Document Type và Posting Key mặc định cho Tcode G/L Dùng Tcode : OBU1
• Chia chuỗi trong một cột thành nhiều cột trong sql server Code sau sẽ chia chuỗi trong 1 cột thành nhiều cột, ứng dụng nhiều trong tìm kiếm segment. DECLARE @T TABLE(full_location_id varchar(100...
• 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ệ...

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)