Button Chia sẻ Facebook , Google +1 ... Đẹp Cho Blogger

Giới thiệu về Button Chia sẻ Facebook , Google +1 /

Các nút chia sẻ rất đơn giản và không sử dụng JavaScript ở tất cả, vì vậy phù hợp với blog của tải vẫn ổn định. Chỉ cần như thế nào cài đặt trực tiếp trên blog.

Đầu tiên để chèn Button Chia sẻ Facebook , Google +1 bạn hãy thêm đoạn CSS sau trước thẻ

</head>

/*Button Chia sẻ*/

.sharebutton{display:block;list-style:none;margin:10px 0;padding:0}

.sharebutton a{color:#FFFFFF!important;display:block;text-decoration:none!important}

.sharebutton li{float:left;margin-right:5px;}

.share{font-weight:bold;margin-right:10px;padding:7px 0}

.fb a{background:#306199;padding:7px 15px}

.fb a:hover{background:#244872}

.linkedin a{background:#007bb6;padding:7px 15px}

.linkedin a:hover{background:#005983}

.twitter a{background:#26c4f1;padding:7px 15px}

.twitter a:hover{background:#0eaad6}

.gplus a{background:#e93f2e;padding:7px 15px}

.gplus a:hover{background:#ce2616}

.pinterest a{background:#b81621;padding:7px 15px}

.pinterest a:hover{background:#8a1119}

.pinterest{margin-right:0}

Tiếp theo bạn hãy chèn code sau vào nơi mà bạn muốn hiển thị nút Button Chia sẻ Facebook , Google +1 ... Cho Blogger

<ul class='sharebutton'>

  <li class='share'>Chia sẻ</li>

<li class='fb'>

<a href='http://www.facebook.com/sharer.php?u=http://www.ichiase.biz/2014/09/button-chia-se-facebook-google-1-dep-cho.html' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Facebook'>Facebook</a>

</li>

<li class='linkedin'>

<a href='http://www.linkedin.com/cws/share?url=http://www.ichiase.biz/2014/09/button-chia-se-facebook-google-1-dep-cho.html' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Linkedin'>Linkedin</a>

</li>

<li class='twitter'>

<a href='http://twitter.com/share?url=http://www.ichiase.biz/2014/09/button-chia-se-facebook-google-1-dep-cho.html' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Twitter'>Twitter</a>

</li>

<li class='gplus'>

<a href='https://plus.google.com/share?url=http://www.ichiase.biz/2014/09/button-chia-se-facebook-google-1-dep-cho.html' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Google Plus'>Google+</a>

</li>

<li class='pinterest'>

<a href='javascript:void((function(){var%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos; ,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)})());' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=700,resizable=0,top=50,left=100&quot;);return false;' target='_blank' title='Share on Pinterest'>Pinterest</a>

</li>

</ul>

DemoDowload

Nguồn : iChiaSe.Biz

Tag : Thủ Thuật Blogger