Thêm địa chỉ email liên hệ

Thêm một địa chỉ email giúp bạn giữ liên lạc với người đọc blog của mình được thực hiện như sau:

Dashboard -> Layout -> Add a Page Element-> chọn HTML/Javascript, bây giờ hãy copy và paste đoạn mã sau vào và lưu lại:

<a href="mailto:dv2n@yahoo.com">dv2n@yahoo.com</a>

Trong đó dòng chữ màu đỏ là tùy biến theo của bạn.
Kết quả hiển thị: dv2n@yahoo.com

Bạn có thể thay địa chỉ email bằng chữ kiểu như “Liên hệ ở đây”:

Liên hệ<a href="mailto:dv2n@yahoo.com">ở đây</a>

Kết quả hiển thị sẽ là: Liên hệ ở đây

Mỗi khi click vào dòng liên kết này thì địa chỉ email của bạn tức khắc hiện lên ngay ở cửa sổ viết thư mới (Outlook Express (xem hình bên dưới) hoặc Microsoft Outlook) hay cửa sổ Compose của Yahoo! Mail (tùy thuộc vào trình duyệt của bạn, nếu bạn dùng Internet Explorer, hãy xem trên Tools->Internet Options->tab Programs| Internet Programs | E-mail: A. Với A tương ứng: Hotmail, Microsoft Office Outlook, Outlook Express, ….). Tuy nhiên bây giờ tôi muốn mình đặt cả tiêu đề cho email mà người đọc ta định gửi, việc đặt tiêu đề giúp tôi sử dụng bộ lọc thư và quản lý được thư nào đọc giả blog của tôi liên hệ ở hòm thư của tôi. Bạn cũng lưu ý đừng nên đặt tiêu đề bằng tiếng Việt có dấu. Tôi sẽ thêm vào một đoạn mã như sau:

<a href="mailto:dv2n@yahoo.com?subject=ThuThuatChoBlogger: Email doc gia lien he">dv2n@yahoo.com</a>

Kết quả đoạn hiển thị: dv2n@yahoo.com

Không có gì khác nhau đúng không? Sự khác biệt ở chỗ khi click vào hiển thị của hai đoạn mã. Xem hình 1 (trên) và hình 2..



Hình 1. Email liên hệ không có tiêu đề


Hình 2. Email liên hệ có tiêu đề

Ưng ý chưa? Nếu đã ưng ý rồi thì lưu lại và đưa cái “Email liên hệ” này đến một vị trí thích hợp trên layout.

Update:

Bạn có thể dùng địa chỉ email bằng hình ảnh thay cho text thêm phần sinh động. Để làm điều này bạn vào trang http://services.nexodyne.com/email/, nhập vào địa chỉ email của bạn, chọn lựa phù hợp với địa chỉ email, bấm Generate, dòng chữ màu đỏ bên dưới chính là liên kết đến hình ảnh địa chỉ email của bạn. Bạn có thể lưu hình lại và upload lên các trang chia sẻ hình ảnh hoặc dùng link này. Bây giờ bạn chỉ việc đưa liên kết đến hình thay vì dùng text. Xem code:

<a href="mailto:dv2n@yahoo.com"><img border="0" src="http://services.nexodyne.com/email/icon/BVh6qg%3D%3D/dtsySX4%3D/WWFob28%3D/0/image.png"></a>

Kết quả hiển thị như bên dưới: