Tổng hợp Code Nút Social share cho blogspot Blogger

Nếu bạn đang cần code nhúng chia sẻ mạng xã hội vào template blogspot của bạn. Bài viết này chúng tôi tổng hợp lại code share social bằng html. Bạn cũng biết đấy button chia sẻ bài viết lên các trang mạng xã hội là 1 thành phần không thể thiếu với mỗi template blogger. Việc bố trí bày biện nó trên website cũng phản ánh rất nhiều con mắt thẩm mĩ của mỗi webmaster. Nhưng trước khi làm điều đó bạn cần có code HTML tự động tạo liên kết valid với từng mạng xã hội.


Facebook
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=200, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>Facebook</a>
Twitter
<a expr:href="&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + 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>
Google +
<a expr:href="&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" onclick="window.open(this.href, 'windowName', 'width=400, height=500, left=200, top=24, scrollbars, resizable'); return false;" rel="nofollow" target="_blank">Google +</a>
Pinterest
<a expr:href="&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + 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>
Linkedin
<a expr:href="&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ 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>
VK
<a expr:href="&quot;http://vkontakte.ru/share.php?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ 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>
Yummly
<a expr:href="&quot;http://www.yummly.com/urb/verify?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ 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>
Tumblr
<a expr:href="&quot;http://www.tumblr.com/share/link?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ 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>
Buffer
<a expr:href="&quot;https://bufferapp.com/add?url=&quot; + data:post.url + &quot;&amp;text=&quot;+ 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>
Reddit
<a expr:href="&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ 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>
Stumble
<a expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ 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>

Đăng nhận xét

Xem thêm
Bài viết liên quan
Danh mục: blog