Bài đăng nổi bật

Ford Biên Hòa Đồng Nai - Đại lý mua bán xe giá tốt nhất

Xuất hiện tại Biên Hòa Đồng Nai từ năm 2007 tới nay, hãng xe Ôtô nổi tiếng tới từ Mỹ –  Ford Motor  đã khẳng định được một chỗ đứng trong l...

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