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:

  <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b><font color='#ff8000'>Copy đường link dưới đây gửi đến nick Yahoo! bạn bè:</font>
        </b>
        <textarea id='gioithieu' name='gioithieu' onclick='this.select()' readonly='readonly' style='height: 100%; width: 97.7%; border: 1px solid #cccccc; background:#999999; color: #ffff80; font-size: 11px;'><data:blog.homepageUrl/> có bài &quot;<data:post.title/>&quot; rất hay. Để xem bài này hãy truy cập link: <data:post.url/>
        </textarea>
   </b:if>

Bạn có thể điều chỉnh các giá trị màu (border: 1px solid #cccccc; background:#999999; color: #ffff80; ) 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 đỡ.

Nguồn http://thuthuatblog.com