Home » Thủ thuật blog
[ Yêu cầu ] : thêm các tiện ích cho Post footer
Thứ Bảy, 11 tháng 7, 2009
Theo yêu cầu của bạn Thanh Phương (thphuong.blogspot.com)

Đâ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.

- Kỹ thuật tạo bóng đổ cho ảnh hoặc cho các khối nội dung
- Một ứng dụng của lệnh position : Chèn tiện ích vào banner (Header)
- Modify Form Comment : Bài 11 - Gắn Tem cho bài comment đầu tiên
- [ Yêu cầu ] : Giới hạn việc xem blog cho trình duyệt IE
- [ Yêu cầu ] chỉ hiển thị tiện ích với quản trị blog
- Giải pháp Blogger bị chặn 02/07/2012
- Nâng cấp ANC Gdata lên phiên bản 2.
- Hướng dẫn config domain cho hầu hết các mạng.
- Khắc phục hiện tượng chặn web của VNPT.
- Giải pháp VNPT chặn blogger ngày 09/06/2012
- Tạo thumb cho bài đăng phổ biến
- Tạo lại header cho chuẩn Seo
Comments[ 0 ]
Đăng nhận xét