Đặt nút Share (addthis) dưới tiêu đề bài viết và cuối bài viết

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.

Cách tiến hành.

1-Đăng nhập Blogger

2- vào Mẫu (Template)

3- Edit HTML (Chỉnh Sửa HTML)

4- Đặt nút Share vào trang của bạn.

4.1- Đặt dưới tiêu đề

- Tìm dòng, nếu trang blog bạn có nhiều dòng code như thế này thì bạn chọn đoạn code cuối nhất.

<div class='post-header'>

Hoặc dòng:

<div class='post-header-line-1'/>

- Và đặt trước nó với đoạn code dưới.

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

4.2- chèn cuối bài viết bạn 

- Tìm dòng, nếu trang blog bạn có nhiều dòng code như thế này thì bạn chọn đoạn code cuối nhất.

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

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

Tùy chỉnh!

- 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 (chỉ bao gồm nguyên nút share) thì bỏ phần được đánh dấu màu đỏ trong đoạn code nói trên.

- Nếu bạn muốn lấy code username=xa-4d2267003d6799cf riêng của bạn thì bạn vào trang addthis để lấy code, lưu ý là bạn phải có 1 tài khoản.

Chúc thành công!

(namkna)

Hãy like nếu bài viết có ích →

Kết bạn với gisgpsrs trên Facebook để nhận bài viết mới nóng hổi