 |
| Những đoạn HTML Social Share (chia sẻ MXH) phổ biến cho Blogger |
Bài viết này sẽ chia sẻ tới bạn đọc button share tới các mạng xã hội thông dụng hiện nay gồm
- VK
- Yummly
- Tumblr
- Buffer
- Stumble
Nếu bạn có code các mạng xã hội khác, hãy đóng góp ở mục comment để bài viết được hoàn thiện hơn.
1. Facebook
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'>Facebook</a> 2. Twitter
<a expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=600, height=400, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'>Twitter</a> 3. Pinterest
<a expr:href=""http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.snippet" href="https://www.blogger.com/null" onclick="window.open(this.href, 'windowName', 'width=800, height=600, left=200, top=24, scrollbars, resizable'); return false;" rel="nofollow" target="_blank" title="Share to Pinterest">Pinterest</a> 4. Linkedin
<a expr:href='"http://www.linkedin.com/shareArticle?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'>Linkedin</a> 5. VK
<a expr:href='"http://vkontakte.ru/share.php?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to VK'>VK</a> 6. Yummly
<a expr:href='"http://www.yummly.com/urb/verify?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Yummly'>Yummly</a> 7. Tumblr
<a expr:href='"http://www.tumblr.com/share/link?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Tumblr'>Tumblr</a> 8. Buffer
<a expr:href='"https://bufferapp.com/add?url=" + data:post.url + "&text="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Buffer'>Buffer</a> 9. Reddit
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to Reddit'>Reddit</a> 10. Stumble
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=1000, height=700, left=200, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank' title='Share to StumbleUpon'>Stumble</a> Trên đây là code tạo nút chia sẻ bài viết lên mạng xã hội, hoàn toàn bằng HTML, còn việc bố trí, css như nào là do bạn hoàn toàn kiểm soát. Mạng xã hội là 1 thành phần rất quan trọng trong việc SEO website vì vậy bạn nên tạo càng nhiều tương tác với nhiều mạng xã hội càng tốt nhé!