Thứ Bảy, 27 tháng 8, 2011

Gửi bài viết cho bạn bè qua yahoo

Bài viết giới thiệu việc thêm các tiện ích như : gửi bài viết cho bạn bè qua yahoo, tạo button in trang, tạo bookmark cho bài viết... Nhưng ở bài viết này mình sẽ chỉ giới thiệu thủ thuật gửi bài viết cho bạn bè qua yahoo. Còn 2 thủ thuật kia mình đã giới thiệu rồi.

Đây là hình ảnh minh họa mình đã thực hiện:
☼ Tham khảo thủ thuật tạo button in bài viết ở đây .
☼ Tham khảo thủ thuật tạo thanh bookmark ở đây .

☼ Thủ thuật tạo tiện ích gửi bài viết qua yahoo: Ở đây mình sẽ giới thiệu 2 cách :
A. Cách 1 : dạng button (nút nhấn), dạng này tự động, ta không phải copy.

Khi nhấn vào button, ta sẽ hiện ra hộp thoại như bên dưới:
Chọn vào Yahoo! messenger » nhấn OK. Nếu bạn đang mở Yahoo nó sẽ đưa bạn tới list như bên dưới:
Chọn người bạn muốn gửi và nhấn OK, nó sẽ đưa bạn tới hộp thoại chat, như bên dưới:
B. Cách 2 : tạo 1 vùng text hiển thị sẵn tựa đề và link bài viết, bạn chỉ copy và gửi cho bạn bè.
☼ Sau đây là cách thực hiện:
- 2 Cách mình sẽ hướng dẫn thực hiện chung:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chọn mở rộng mẫu tiện ích
4. Tìm đoạn code bên dưới:
<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'>
5. Chèn đoạn code bên dưới vào ngay sau đoạn code vừa tìm được:
<b:if cond='data:blog.pageType == "item"'>



<!-- Code của cách 1-->

<b>Gửi bài viết qua Yahoo:</b>

<a expr:href='"ymsgr:sendIM?+&m=" + data:post.url + " <== " + data:post.title'><img class='icon-action' src='http://farm4.static.flickr.com/3479/3712074770_f3a7dafb36_o.gif' title='Gửi bài viết này cho bạn bè qua Yahoo! Messenger!'/></a>

<!--END Code của cách 1-->



<!-- Code của cách 2-->

<b>Copy link gửi cho bạn bè :</b>

<textarea cols='45' id='embedhtml' name='embedhtml' onclick='this.select()' readonly='readonly' rows='2'>

<b:if

cond='data:post.title'> » <data:post.title/> :

</b:if><b:if

cond='data:post.url'><data:post.url/></b:if>

</textarea>

<!--END Code của cách 2-->



</b:if>
-Nếu muốn xài cách nào thì xóa code của cách kia đi. Giữ nguyên code nếu muốn dùng cả 2 cách.

6. Save template.

Chúc các bạn thành công.
Theo: Fandung

Không có nhận xét nào:

Đăng nhận xét