Chèn nút nhúng Linkhay và Tagvn vào Blogger

Một trong những cách để bài viết của bạn được nhiều người biết đến chính là việc sử dụng các dịch vụ bookmark và chia sẻ nội dung. Ở Việt Nam, LinkHay và TagVN có lẽ là hai địa chỉ được nhiều người dùng nhất.

Bạn có thể tự chia sẻ bài viết của mình lên các dịch vụ này để tìm kiếm đọc giả.
Đây là code sử dụng cho Blogger. Hãy chọn một trong hai file này để tải về:

• File 1: LinkHay và TagVn
• File 2: AddThis (*), LinkHay, TagVn và Yahoo! Messenger

Cách chèn vào blog:

Đăng nhập Blogger, vào thẻ Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), đánh dấu chọn Mở rộng tiện ích mẫu (Expand widget templates), tìm:

<div class='post-footer'>
<!-- Dán code ở đây -->
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

Thay <!-- Dán code ở đây --> bằng nội dung của 1 trong 2 tệp tin .txt đã tải về bên trên.

Hình dưới là hiển thị File 2 trên blog:



* AddThis là nút nhúng số 1 trên internet giúp người đọc đánh dấu và chia sẻ nội dung đến tất cả các mạng xã hội thông dụng. Chỉ cần sử dụng 1 nút nhúng này thay vì dùng nút nhúng của từng dịch vụ riêng lẻ.

Gửi link bài viết cho bạn bè qua Yahoo! Messenger

Tiếp theo hướng dẫn kèm biểu tượng chia sẻ bài viết qua Yahoo! Messenger lần này chúng ta sẽ đến với cách đính kèm link dưới bài viết giúp cho đọc giả có thể dễ dàng chia sẻ cho bạn bè của mình qua các chương trình tin nhắn tức thời.

Ý tưởng này bắt nguồn từ hướng dẫn thực hiện trên WordPress của Cộng đồng WordPress Việt Nam.

Và đây là đoạn mã để chúng ta sử dụng cho Blogger: Tải về

Bạn có thể điều chỉnh các giá trị màu (border: 1px solid #cccccc; background:#999999; color: #333333; ) và cỡ chữ (font-size: 11px;) cho thích hợp với Template đang dùng.

CÁCH CHÈN VÀO BLOG:

Đăng nhập Blogger, vào thẻ Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), đánh dấu chọn Mở rộng tiện ích mẫu (Expand widget templates) và tìm đoạn code dưới (Nhấn Ctrl + F và nhập từ khóa line-3 để tìm dễ hơn!):

<div class='post-footer-line post-footer-line-3'>
      <!-- Nơi chèn code -->
       <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
      

Hãy thay <!-- Nơi chèn code --> bằng đoạn mã bên trên và lưu lại.

Box này chỉ xuất hiện phía dưới bài viết ở trang con. Nếu bạn không sử dụng Readmore hãy comment để được giúp đỡ.

Xong!

Chia sẻ bài viết qua Yahoo! Messenger

Cách đây khá lâu tôi có giới thiệu một cách chèn biểu tượng chia sẻ bài viết qua Yahoo! Messenger vào Blogger. Khi một ai đó nhấn lên biểu tượng này trình Yahoo! Messenger sẽ khởi động (nếu chưa mở ứng dụng này) sau đó chỉ phải chọn nickname có trong danh sách bạn bè và gửi.

Tuy nhiên đoạn code trong hướng dẫn đó có thể gặp lỗi ở phiên bản mới của Yahoo! Messenger. Vì vậy nếu bạn đang sử dụng hãy sửa đổi lại như trong tệp tin này (Tải về).

Hãy thay link hình http://i240.photobucket.com/albums/ff259/thuthuatblog/y225.gif có trong tệp tin .txt bằng link biểu tượng Yahoo! Messenger riêng của bạn (nếu cần).

Đọc thêm phần hướng dẫn Cách chèn vào Blogger để biết vị trí mình muốn.

Một điều lưu ý trước khi thực hiện thao tác trên hãy sao lưu template đề phòng thao tác sai còn có cái để phục hồi!

Chúc thành công!