Để chèn form này vào blog, bạn có thể chọn 2 cách:
+ Cách 2: tạo 1 widget HTML/Javascript và dán code của form vào.
- 1 lưu ý nhỏ: đối với cách 1, khi chèn code vào bài viết, ta phải chỉnh lại việc xuống hàng của code để cho form trông dễ nhìn hơn.
Trước tiên làm được form này bạn phải đăng kí 1 tài khoản ở kontactr.com , các bạn có thể tham khảo cách tạo form từ trang này ở đây.
Sau khi tạo xong, và đã kích hoạt mail, bạn vào trang chủ của nó để đăng nhập. Ở ngay trang vừa đăng nhập xong, bạn sẽ thấy hình như bên dưới:
Chú ý vùng khoanh tròn, đây chính là ID của tài khoản của bạn. Hay lưu nhớ ID này để thực hiện cho các bước sau.
Đối với các bạn đã có tài khoản rồi, thì cũng đăng nhập vào để xem mã số ID của mình.
Và sau đây là code của form liên hệ :
<div id="page">
<div id="content">
<div class="thebox">
<center><span >Contact fandung</span>
<form method="post" action="http://kontactr.com/user.php">
<input name="id" type="hidden" value="24234" />
<input name="referrer" type="hidden" value="" />
<table cellpadding="10px" border="0" >
<tr>
<td align="right">Your Name : </td>
<td align="left"><input name="sender_name" type="text" class="contactform" /></td>
</tr>
<tr>
<td align="right">Your Email : </td>
<td align="left"><input name="sender_email" type="text" class="contactform" /></td>
</tr>
<tr>
<td align="right">Subject : </td>
<td align="left"><input name="subject" type="text" class="contactform" /></td>
</tr>
<tr>
<td align="right" valign="top">Message : </td>
<td align="left"><textarea rows="10" cols="70" name="message" class="contactform"></textarea></td>
</tr>
<tr>
<td align="right" valign="middle">Image (case-sensitive): </td>
<td valign="middle" align="left">
<table cellpadding="5px" border="0" style=" ">
<tr>
<td valign="middle"><img src="http://kontactr.com/captcha.php" /></td>
<td valign="middle"><input type="text" name="captcha_code" size="5" maxlength="6" style="font-size: 15px; padding: 3px; font-family: Tahoma, Verdana; " /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input name="send" type="submit" id="send" value="Send" class="contactform" style="font-size: 18px; width: 100px; letter-spacing: 5px;" /></td>
</tr>
</table>
</form>
</center>
</div>
</div>
</div>
- Có thể thay đổi code màu xanh theo ý bạn.
- Code màu đỏ chính là mã số ID tài khoản của bạn (đã xác định ở trên), hay thay đổi nó lại đúng theo như mã số ID tài khoản của bạn.
- width: 100px; : độ rộng của button "Send"
- rows="10" cols="70" : kích thước của vùng soạn thảo.
Chúc các bạn thành công.
hình như mình vừa póc tem :D
Chieu nay hay va hieu qua. Cong nhan FD say me blogger ghe. :D
Đúng cái mình dang cần bấy lâu nay hix không biết nói gì để cám ơn pác FD nhà ta ;)
cái này hồi mới làm quen với blog mình cũng kiếm nó dữ lắm. Nhưng tìm hoài cũng ko thấy :(
cái này mình kiếm thấy lâu rồi nhưng cũng cảm ơn anh Dũng.
kon tem thứ 6 ^^
Demo:
Contact to Down4share Team
:))
@Phạm Hoàng Hải : thẻ input (type="text") và textarea là để cho phép gõ văn bản vào mà bạn, tại sao lại ko gõ vô đc nhỉ???
hay quá mình thao tác đuợc rồi, cảm ơn blog fandung.com/
Bạn chủ thớt ơi, mình đã chèn form được rồi và hoạt động tốt nhưng bạn có cách nào để khi người ta bấm gửi thì nó sẽ chạy về lại trang liên hệ của mình không. Khi bấm gửi nó chạy ra trang thông báo đã gửi thành công của kontactr.com rồi đứng im đó lun, người sử dụng phải bấm nú go back trên trình duyệt mới về lại trang web của mình.
Cái này mình đã từng gặp blog đã làm được, sau khi gửi xong nó chuyển đến trang thông báo gửi thành công của kontactr.com rồi sau vài giây sẽ tự động chuyển về lại trang liên hệ của mình.
bác cho em hỏi cái tạo tài khoản thành viên trên blog ấy...cho nó vào đăng nhập và viết bài giúp mình như mấy cái forum được ko
ko thì nó cứ viết bài hộ em là được
tạo tài khoản cho thành viên ấy
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :
[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]
» Có thể sử dụng các thẻ <b>,<i>,<a>.
BlOg FD chính thức đóng comment của khách ẩn danh.
BlOg FD.