Tuesday, 25-Apr-2017, 0:53 AM
Welcome Guest | RSS
Main » 2010 » September » 8 » Thêm nút chia sẻ vào bài viết với AddThis
9:57 PM
Thêm nút chia sẻ vào bài viết với AddThis



Bạn muốn chia sẻ bài viết lên các mạng xã hội như Facebook, Twitter,... nhưng bài viết đó lại không có nút chia sẻ? Thật đơn giản vì bạn chỉ cần tìm 1 code xuất hiện nút chia sẻ mà bạn thấy ưng ý rồi paste vào chỗ cần nó hiển thị.

Bản thân Dmon/ Ucoz cũng đã cung cấp cho ta 1 cơ số những nút chia sẻ rất cool rồi, song bạn lại không mấy thích những nút đó. Vậy bạn chỉ cần tìm code mà bạn bắt gặp ở 1 trang nào đó, view source của nó rồi copy đoạn code đó thôi.

Addthis.com cung cấp cho bạn 1 vài mẫu nút chia sẻ lên hầu hết tất cả các mạng xã hội. Đầu tiên hãy vào Addthis.com để đăng ký 1 tài khoản miễn phí. Sau đó hãy đăng nhập vào AddThis để chọ kiểu nút bạn thích. 

Copy cả 2 đoạn code theo thứ tự lần lượt vào nơi bạn muốn hiện nút chia sẻ. 

Ví dụ 1 số loại code nút chia sẻ dành cho bạn:

Code
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=giangdni"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=giangdni"></script> 



Đoạn code trên sẽ cho hiển thị nút chia sẻ ở lề trái. Muốn nút chia sẻ này ở sát lề bên phải thì thêm <div style="text-align: right;"> vào trước đoạn code ở trên.


Category: Code | Views: 841 | Added by: all4u | Rating: 0.0/0
Total comments: 2
2  
Kick the tires and light the fires, problem <a href="http://xzmucxoxqci.com">offlicaily</a> solved!

1  
Holy shiinzt, this is so cool thank you.

Only registered users can add comments.
[ Registration | Login ]
Login Form
Nhận bài qua Email


Đăng ký để nhận thông tin
và bài post mới nhất qua email

Chuyên mục
Toàn tập Dmon/ Ucoz [22]
Hướng dẫn thiết kế website với dịch vụ của Dmon.com/ Ucoz.com,...
Code [18]
Các code giúp bạn cá nhân hóa trang web của bạn
Design [21]
Các công cụ web giúp thiết kế web....
Featured Post - Image Gallery [15]
Menu [5]
Các Menu đẹp cho web của bạn
Tab Content [6]
Templates [3]
Toàn bộ thiết kế Template
Khác [0]
Rearch
Thống kê

Total online: 1
Guests: 1
Users: 0
Bản đồ truy cập
Locations of visitors to this page