Thứ Hai, 21 tháng 5, 2012

Nút share nằm ngang cho blog

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. Tuy nhiên làm thế nào để có được một dãy các nút share nhỏ gọn và tiện lợi là một vấn đề không hề dễ dàng đối với các blogger. Bài viết sau đây Tanchau123 sẽ hướng dẫn các bạn. 


Để đặt nút Share như vậy, bạn hãy thực hiện như sau:


1. Đăng nhập Blogger vào Thiết Kế => Chỉnh sửa HTML => chọn Mở rộng mẫu tiện ích. 
2. Tìm dòng <div class='post-header'> và đặt trước nó với đoạn code sau đây. 

<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://tanchau123.googlecode.com/files/nutshare_dep.txt#username=xa-4d2267003d6799cf"></script><!-- AddThis Button END --></b:if> 
CHÚ Ý: 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.

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


Theo thuthuatblogger

Không có nhận xét nào:

Đăng nhận xét