Chủ Nhật, 25 tháng 9, 2016

Tạo nút chia sẻ có bộ đếm cho Blogspot

Tạo nút chia sẻ có bộ đếm cho Blogspot

1. Đăng nhập vào Blogger.com
2. Chọn Template > Edit HTML
3. Tìm code ]]></b:skin> hoặc </style>, dùng tổ hợp phím CTRL + F để tìm.
4. Thêm đoạn CSS sau lên trên thẻ ]]></b:skin>hoặc </style>:
.share-count{float:left;text-align:center;font-size:16px}.btn-share a{color:#fff;height:35px;float:left;line-height:35px;font-size:15px;padding:5px 20px}.btn-share .tw{background:#1da1f2}.btn-share .fb{background:#3a5795}.btn-share .gp{background:#D8334A}.btn-share .tw:hover{background:#44B8FF}.btn-share .fb:hover{background:#5E78B1}.btn-share .gp:hover{background:#DA4453}.btn-share a{margin-left:10px;color:#fff}.Shared-count{padding:0 20px}@media screen and (max-width:550px){.text-share{display:none}}
5. Chèn đoạn HTML code phía dưới lên trên hoặc xuống dưới thẻ <data:post.body/>:
<div class='Shared-count'>
<div class='share-count'>
<div class='count'>0</div>
<span class='count-text'>Shares</span>
</div>
<div class='btn-share'>
<a class='fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='text-share'> Facebook</span></a>
<a class='gp' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' onclick='javascript:window.open(this.href,&quot;   &quot;   ,&quot;   menubar=no,toolbar=no,resizbutton_le=yes,scrollbars=yes,height=600,width=600&quot;   );   return false;   '  rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='text-share'> Google+</span></a>
<a class='tw' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;   sharer&quot;   ,&quot;   toolbar=0,status=0,width=626,height=436&quot;   );   return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='text-share'> Twitter</span></a>
</div>
<script type='text/javascript'>
var urlshare = &#39;<data:post.url/>&#39;;
</script>
<div class='clear'/>
</div>
6. Thêm đoạn javascript phía dưới lên trên thẻ </body>:
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 F(e){e.f||(e.f=0),4.6+=e.f,8()}2 C(e){4.6+=q(e),8()}2 8(){$(".15").v(4.6)}2 14(e){Z(2(){5 t=q(e.G);$(".Y-j R").Q().v(p(t))},N)}2 p(e,t,a,n){e=(e+"").w(/[^0-9+\\-M.]/g,"");5 r=y(+e)?+e:0,o=y(+t)?7.L(t):0,l="D"==E n?",":n,i="D"==E a?".":a,c="",s=2(e,t){5 a=7.V(10,t);h""+(7.H(e*a)/a).J(t)};h c=(o?s(r,o):""+7.H(r)).K("."),c[0].b>3&&(c[0]=c[0].w(/\\B(?=(?:\\d{3})+(?!\\d))/g,l)),(c[1]||"").b<o&&(c[1]=c[1]||"",c[1]+=O P(o-c[1].b+1).m("0")),c.m(i)}5 4=2(){2 e(e){5 t=k.S("T");t.U=!0,t.1b=e,k.W.X(t)}h{I:2(t,a){e("z://11.G.12/?13="+t+"&x="+a)},u:2(t,a){e("z://j.16.17/18.19?1a="+t+"&x="+a)},6:0}}();4.I(A,"F"),4.u(A,"C");',62,74,'||function||socialGetter|var|initCount|Math|updateShareCount|||length||||shares||return||share|document||join|||number_format|parseInt||||getGplusCount|html|replace|callback|isFinite|https|urlshare||getGplusCallback|undefined|typeof|facebookCallback|facebook|round|getFacebookCount|toFixed|split|abs|Ee|1e3|new|Array|last|span|createElement|script|async|pow|body|appendChild|total|setTimeout||graph|com|id|socialCallback|count|yandex|ru|gpp|xml|url|src'.split('|'),0,{}))
//]]>
</script>
7. Xong, Save và xem kết quả.

0 nhận xét

Đăng nhận xét