[ Yêu cầu ] : thêm các tiện ích cho Post footer
Theo yêu cầu của bạn Thanh Phương (thphuong.blogspot.com)
[FD's BlOg] - Theo như yêu cầu, 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è.
Hình minh họa:
☼ 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'>
<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.
Comments[ 0 ]
Đăng nhận xét