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

share-with-counter-for-blogger-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ả.

No comments:

Post a Comment