Bài độc: code chia sẻ bài viết trong blogspot.

Bài độc: code chia sẻ bài viết trong blogspot. Lâu rồi mới có dịp quay lại viết các bài về blogger.

Từ hồi mua lại blog này cũng cảm thấy rất tiếc là không thể chia sẻ được nhiều bài về thủ thuật blogspot và thủ thuật wordpress. Lý do chính là hiện nay các bài viết nhan nhản khá nhiều. Trong đó lượng lặp và copy cũng không ít. Để tìm được cái mới cái hay khó hơn nhiều so với trước kia. Chính vì thế hi vọng bài viết này sẽ hữu ích với các bạn. (Hiện cũng được anh Tuấn  chia sẻ cả code của blog- sẽ xin phép share lại sớm).

Code code chia sẻ bài viết

Trân trọng gửi tới  code chia sẻ bài viếtcác bạn vẫn còn theo dõi các mục do Tuấn Lê trước tâm huyết viết một bài viết mới- rất chất. Bài viết code chia sẻ bài viết trong blogspot được tự code ở anh Nguyễn Tuấn- chủ trang blog thủ thuật windows 10 

<a onclick='if(document.getElementById(&apos;spoiler&apos;) .style.display==&apos;none&apos;) {document.getElementById(&apos;spoiler&apos;) .style.display=&apos;&apos;}else{document.getElementById(&apos;spoiler&apos;) .style.display=&apos;none&apos;}' title='Chia sẻ' type='button'><i class='fa fa-share'/> Chia sẻ</a>
<div id='spoiler' style='display: none;padding-bottom:15px;padding-top:15px;'>

<a expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><i class='fa fa-facebook' style='color:#fff; display: block; float: left; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; background:#5a7abf;margin-right: 3px;'/></a>

<a expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><i class='fa fa-twitter' style='color:#fff; display: block; float: left; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; background:#19BFE5;margin-right: 3px;'/></a>

<a expr:href='data:post.sharePostUrl + &quot;&amp;target=googleplus&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' target='_blank' title='Chia sẻ lên Google+'><i class='fa fa-google-plus' style='color:#fff; display: block; float: left; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; background:#D64136;margin-right: 3px;'/></a>

<a class='e' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' target='_blank' title='Gửi Email'><i class='fa fa-envelope' style='color:#fff; display: block; float: left; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; background:#23A215;margin-right: 3px;'/></a>
</div>

Demo

Các bạn có thể xem demo trong bài viết của anh Tuấn trong : http://www.blogthuthuatwin10.com/

code chia sẻ bài viết trong blogspot.

Ưu điểm

Đầu tiên là trên mobile cũng click được. Rất ok !

Button này giống như youtube, thân thiện và dễ sử dụng.
Khi click chuột nó mới hiện
với lại nó không bị plugin quảng cáo chặn
Cảm ơn anh Tuấn đã chia sẻ! Chúc mọi người thành công

 

Cùng chuyên mục:

Add Comment

3 Comments

  1. Cuong Nguyen
    6 Bình luận
    13/07/2017
  2. batdongsan
    20 Bình luận
    14/07/2017
  3. Hưng
    3 Bình luận
    25/07/2017