[ 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:

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"'>


<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>



<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>


</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.

19

: Bóc tem cái nào haha :))
: Em test cách 2 chạy tốt,cách 1 bị lỗi gì em không rành lắm,mà em muốn nằm ngay khi kết thúc bài viết thì sao anh Dũng nhỉ.em test nó nằm sau bài viết liên quan của em.
: Đã test em chạy được cách 2,cách 1 lỗi gì đó,em muốn nó nằm ngay sau bài viết thì sao anh.
: theo như em nói thì blog của đang có cái tiện ích bài viết liên quan nằm ngay bên dưới bài viết phải ko, bây giờ em cho đọan code của thủ thuật này lên trước đọan code của thủ thuật bài viết liên quan là được.
: Chào bạn, mình là Tùng Shady, admin vn-s.blogspot.com. chúng ta khi làm blogs thường hay tạo liên kết hoặc trao đổi Logo nhằm mục đích kết giao bạn bè, và 1 cái quan trọng nữa là để tăng lu lượng truy cập. Mình thấy rắng nếu chúng ta dùng widget "Danh sách blogs của tôi" để theo dõi RSS của Blogs bạn bè là rất hay, nó sẽ đem lại 1 lu luong truy cập qua lại giữa các blogs -> giúp tăng Traffic.

Mình đã add blogs bạn vào widget Điểm tin blogs của mình, mời bạn viếng thăm và xem thử, mình ko thích liên kết lun tun nên chỉ chọn 7 blogs mình thấy pro nhất để add thuj. Nếu có thể bạn cũng hãy tạo 1 widget như thế nhé ( mình chỉ gợi ý thuj ), rất mong hợp tác với bạn.
: cách 1 bị lỗi gì đấy a dũng....
thấy bên mấy blog làm ngon..nhưng không rõ code !
: @min LVT : nó lỗi sao vậy??? anh test nó trên FF thì ổn mà, nhưng trên IE thì không thấy gì.

Anh có vào trang nhac.vui.vn nó cũng giống như cái anh test, trên IE nó cũng ko hiển thị đc.

Em thấy blog nào làm hiển thị tốt trên IE thì chỉ anh, anh tham khảo rồi fix lại
: Sao Fandung lam duoc cai bang "Noi Dung comment" dep qua vay ? chi cho minh lam voi Fandung oi. Dep va pro lam :)
: @Jeffy : bỏ 1 chút thời gian với photoshop là bạn có thể rồi :D, cái này mình cũng ko biết chỉ làm sao :D
: Anh có thể test lại cách 1 không ạ!
: @Linh Dung VnMart : cách 1 bị làm sao em ???
: Em đã hiểu cách làm rồi anh ạ! :D. Em nghĩ là anh nên nói rõ là thay +&m= và <== bằng nick của mình ko nhiều người sẽ không hiểu giống em? :D. Mà cái này lúc mình gửi bài viết qua yahoo, mình phải nhập nội dung và link vào hả anh? Chứ nó ko tự động có sẵn tiêu để và link, mình chỉ việc gửi thôi à!
: Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
Thông báo lỗi XML: The reference to entity "m" must end with the ';' delimiter.

Nó báo lỗi như vậy làm sao giờ?
: À được rồi. thay +&m= và <== bằng nick của mình như bạn Linh Dung VnMart nói là hết bị lỗi
: Theo em thay cái "ymsgr:sendIM?+&m=" + data:post.url + " <== " + data:post.title bằng "ymsgr:im?msg=" + data:post.url + " == " + data:post.title . E test thử rồi, thấy ổn ^^!
: chết mất thôi, thành hết emoticons rồi nhg may chỗ nào cần nó vẫn có :D
: mình vừa làm cái này, và giờ muốn cho các bài đăng của mình hiển thị theo các chuyên mục trên trang chủ thì mình cần làm những gì, bạn làm ơn chỉ giúp nhé
: maixuandung.blogspot.com
: bác ơi sao blog mik ko có dòng div class=post-footer-line post-fooer-line-1'>?