Loading post navigation ...
 
 

Pro page

19
Nhận xét

[ Yêu cầu ] : thêm các tiện ích cho Post footer

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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


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.


Enter your mail address:

19

Viet-offer.com

Bóc tem cái nào haha :))

Viet-offer.com

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.

Viet-offer.com

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

fandung

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.

Khách (ẩn danh)

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.

mmovn

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 !

fandung

@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

Jeffy

Sao Fandung lam duoc cai bang "Noi Dung comment" dep qua vay ? chi cho minh lam voi Fandung oi. Dep va pro lam :)

Phan Dũng

@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

ABV

Anh có thể test lại cách 1 không ạ!

Phan Dũng

@Linh Dung VnMart : cách 1 bị làm sao em ???

ABV

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

Thanh Nguyễn

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

Thanh Nguyễn

À đượ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

Tăng Doãn Du

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

Tăng Doãn Du

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

Việt Hưng

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é

Việt Hưng

maixuandung.blogspot.com

Alpha Lipid Hải Phòng

bác ơi sao blog mik ko có dòng div class=post-footer-line post-fooer-line-1'>?



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home