Home » , , » Đặt nút Share chia sẻ mạng xã hội dưới tiêu đề bài viết blogspot

Đặt nút Share chia sẻ mạng xã hội dưới tiêu đề bài viết blogspot

Written By Viet Bao Nguyen on Thứ Tư, 25 tháng 4, 2012 | 16:16

Đặt nút Share chia sẻ mạng xã hội dưới tiêu đề bài viết blogspot
 Nút Share rất hữu ích cho blogspot khi nó tích hợp nhiều trang mạng xã hội với liên kết chia sẻ bài viết góp phần phổ biến blog của bạn ra cộng đồng. Thông thường các blogger thích đặt nút Share ngay dưới tiêu đề bài viết, có thể ở vị trí bên trái hoặc dạt sang bên phải.

Để đặt nút Share như vậy, bạn hãy thực hiện như sau.
Đăng nhập Blogger vào Design (Thiết Kế)>> Edit HTML (Chỉnh Sửa HTML), chọn Expand Widget Templates (Mở rộng tiện ích mẫu).
- Để chèn ngay dưới tiêu đề bài viết bạn Tìm dòng <div class='post-header'> Và đặt trước nó với đoạn code dưới.
- Để chèn cuối bài viết bạn Tìm dòng <div class='post-footer-line post-footer-line-1'/> hoặc <div class='post-footer-line post-footer-line-2'/> hoặc <div class='post-footer-line post-footer-line-3'/> Và đặt sau nó với đoạn code dưới:

Code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- AddThis Button BEGIN -->
<div style="float:right" class="addthis_toolbox addthis_default_style">
<a 
href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4d2267003d6799cf"
 class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript" 
src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d2267003d6799cf"></script>
<!-- AddThis Button END -->
</b:if>
Nếu muốn nút Share nằm ở bên trái thì đổi float:right thành float:left.
Nếu muốn nút Share gọn hơn thì bỏ phần được đánh dấu màu đỏ trong đoạn code nói trên.
Chia sẻ bài viết này :

1 nhận xét:

  1. I truly like to reading your post. Thank you so much for taking the time to share such a nice information.
    may tinh binh dinh

    Trả lờiXóa