(Blogspot) - Thêm tiện ích yahoo cho post footer

{Svip4u.InFo}
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:

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

<!-- Code của cách 2-->

• <b>Copy link gửi cho bạn bè :</b>
  <br><img src="http://farm4.static.flickr.com/3479/3712074770_f3a7dafb36_o.gif"></br>
  <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.

Posted in: Blogspot