Loading post navigation ...
 
 

Pro page

14
Nhận xét

Chèn hẳn Form Liên hệ từ kontactr.com vào blog

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

[FD's BlOg] - Ở các bài viết trước mình đã từng đăng 1 bài hướng dẫn tạo form liên hệ từ trang web kontactr.com, còn ở bài viết này mình sẽ hướng dẫn các bạn đưa form contact này vào ngay trong blog luôn, không cần phải chuyển sang trang của nó.



Để chèn form này vào blog, bạn có thể chọn 2 cách:
+ Cách 1: tạo 1 bài viết mới, và dán code của form vào. Và xem bài viết này như 1 trang liên hệ trong blog của bạn.
+ 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.

Đây là hình ảnh minh họa mình đưa thẳng nó vào trong bài viết


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.


Enter your mail address:

14

Le Thuan

hình như mình vừa póc tem :D

Yeusuckhoe.blogspot.com

Chieu nay hay va hieu qua. Cong nhan FD say me blogger ghe. :D

Thành Công

Đú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 ;)

fandung

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 :(

Viet-offer.com

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 ^^

garivamaxo

Demo:
Contact to Down4share Team

:))

Phạm Hoàng Hải
Phan Dũng

@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ỉ???

Phạm Hoàng Hải
Phạm Hoàng Hải
ChoiBlog.TK

hay quá mình thao tác đuợc rồi, cảm ơn blog fandung.com/

Bùi Viết Tâm

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.

12C2 mãi mãi một tình yêu

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



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» 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.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home