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.

Read more…

Theo yêu cầu của bạn khanhtrangsg (khanhtrangsg.blogspot.com)

[FD's BlOg] - Thủ thuật này từ lâu rồi đã có người nhờ mình, nhưng mình chưa thực hiện, hôm nay lại có người khác nhờ mình, nên hôm nay mình sẽ post 1 bài hướng dẫn. Thủ thuật này sẽ tạo 1 button cho phép các tác giả của blog khi nhấp vào sẽ đến 1 trang đăng nhập blogger để post bài cho blog.

Thủ thuật này mình đã test thành công với blogtest của mình. Các bạn có thể xem thủ demo ở đây : LIVE DEMO

Khi nhấp vào biểu tượng nó sẽ dẫn ta tới trang đăng nhập như bên dưới:


Sau khi đăng nhập nó sẽ đưa ta tới trang soạn thảo bài viết như bên dưới:


- Lưu ý : việc đăng nhập sẽ chỉ thành công đối với admin của blog và các tác giả được mời post bài.

☼ Và sau đây là code của thủ thuật:
- Tạo 1 widget HTML/Javascript và dán code bên dưới vào:

<form id="fd_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" name="fd_loginform" method="post"><input id="continue" value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fpost-create.g%3FblogID%3D4987055759836993091&amp;a=ADD_SERVICE_FLAG" name="continue" type="hidden"/><input id="service" value="blogger" name="service" type="hidden"/><input id="naui" value="8" name="naui" type="hidden"/><input id="fpui" value="2" name="fpui" type="hidden"/><input id="skipvpage" value="true" name="skipvpage" type="hidden"/><input id="rm" value="false" name="rm" type="hidden"/><input id="hl" value="vi" name="hl" type="hidden"/><input id="alwf" value="true" name="alwf" type="hidden"/><input id="alinsu" value="0" name="alinsu" type="hidden"/><input id="Email" class="gaia le val" value="fdblogtest@gmail.com" name="Email" size="18" type="hidden"/><input id="Passwd" class="gaia le val" value="BlOgFD" name="Passwd" size="18" type="hidden"/></form>


<center><a href="#top"><img src="http://farm3.static.flickr.com/2637/3709853606_b9b67f1c13_o.gif" onclick="document.forms['fd_loginform'].submit()"/></a></center>

- Code màu đỏ chính là mã số ID của blog bạn.
- Có thể thay đổi code màu xanh.
- Có thể thay đổi lại link ảnh khác mà bạn thích.

Tham khảo từ blog thugian360.com

Chúc các bạn thành công.

Read more…