Code share facebook, twitter, google plus dạng text cho blogspot

Không cần plugin, bạn vẫn có thể tạo nút share bài viết lên facebook, twitter, google+ hay những mạng xã hội khác một cách đơn giản.

Code share facebook, twitter, google plus dạng text cho blogspot

Ưu điểm

- Nút share có dạng text.
- Không sử dụng plugin nên tốc độ tải trang khá nhanh.
- Giao diện thân thiện, dễ tùy chỉnh.
Yêu cầu : hãy đảm bảo là bạn nắm vững kiến thức về HTML + CSS !

Code share bài viết lên facebook

<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#3b5998; font-weight:bold; ' target='_blank'>Share on facebook</a>

Demo

Share on facebook

Code share bài viết lên twitter

<a expr:href='"http://twitter.com/intent/tweet?text=" + data:post.title + "&url=" + data:post.url' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#00acee; font-weight:bold;' target='_blank'>
Share on twitter</a>

Demo

Share on twitter

Code share bài viết lên google plus (google+)

<a expr:href='"https://plusone.google.com/_/+1/confirm?hl=" + "en&url=" + data:post.url' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#DC4E41; font-weight:bold;' target='_blank'>Share on google+</a>

Demo

Share on google+

Code share bài viết cho hầu hết các mạng xã hội

Ngoài facebook, twitter hay google+ thì vẫn còn khá nhiều mạng xã hội khác mà chúng ta có thể muốn share bài viết như pinterest, reddit, .... Mình đã tổng hợp lại tất cả trong 1 file text. Sau khi tải về, bạn chỉ việc copy lần lượt 2 thông số và paste đè lên đoạn mã được bôi đậm và đỏ như bên dưới nhé.

<a expr:href='...' style='color:#fff; text-align:center; width:50%; float:left; padding:10px 0; background:#color; font-weight:bold; ' target='_blank'>
Share on ...</a>

Download