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.

- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Các truy vấn cơ bản với Blogspot
- Chèn Chabox Gtalk vào BlogSpot.
- Chèn link Google Search vào footer của bài viết
- Thêm Reactions vào bài viết của blogspot
- Hướng dẫn Bảo mật data blogger
- [ Yêu cầu ] - Ẩn 1 bài viết bất kỳ trong tiện ích Popular Posts
- [Chia sẻ] - Tạo hộp thoại thông báo cho blog
- [Update] - Tạo số đếm cho các comment của blogspot
Comments[ 0 ]
Đăng nhận xét