3/21/13

Thủ thuật tạo nút chia sẻ trượt cho blogspot

Làm thế nào thêm được buttons chia sẻ trượt cho Website, blog ?
Hiện nay có rất nhiều nguồn Website khác nhau có hỗ trợ thêm nút chia sẻ với code JS sẵn có của họ. Addthis là 1 Website được nhiều người sử dụng nhất. Ở thủ thuật này mình hướng dẫn các bạn cách thêm nút chia sẻ trượt cuộn theo thanh của trình duyệt với. Thủ thuật này được hướng dẫn áp dụng cho blogger.
Thật xin lỗi các bạn vì những thủ thuật trước mình đã bị mất hết hình ảnh Demo và 1 số blog demo trực tiếp. Mình sẽ cố gắng cập nhật lại bài viết.
Demo trực tiếp
- Cách làm thủ thuật
1. Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. Tìm tới </head> và dán code dưới đây ngay trên nó

<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

3. Tìm tới </body> và dán code dưới đây ngay trên nó

<!-- Huong dan thu thuat blog: itviet360.com -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
<a class="addthis_button_more">Share</a>
<ul>
<li><a class="addthis_button_preferred_1"></a></li>
<li><a class="addthis_button_preferred_2"></a></li>
<li><a class="addthis_button_preferred_3"></a></li>
<li><a class="addthis_button_preferred_4"></a></li>
</ul>
</div>
<!-- itviet360.com -->

4. Lưu mẫu (save Template) và xem kết quả nhé ^^

0 nhận xét:

Post a Comment