Siang semua Kali ini saya mau membagikan tutorial cara untuk membuat share with counter. Apa sih share with counter itu ??? share with counter adalah suatu tombol share yang gunanya untuk mengetahui berapa banyak artikel anda yang telah dishare pada social media seperti Twitter, Facebook, dan Google Plus, dll. Pada contoh tutorial kali ini saya hanya memakai 3 social media yaitu Twitter, Facebook, dan Google Plus.
Share With Counter ini sudah banyak sekali yang menggunakan khususnya pada Wordpress, dan kali ini saya ingi memberikan tutorial cara membuatnya pada blogger. Berikut ini cara- caranya silahkan disimak
1. Yang pertama masuk dulu ke akun blogger anda
2. Selanjunya pilih menu Template ->Edit HTML
3. Kemudian cari kode
]]></b:skin> dengan cara CTRL+F
4. Selanjunya copy CSS script
dibawah ini tepat di atas kode ]]></b:skin>
.share-count {
float:left;
text-align:center;
font-size:16px
}
.tombol-share a {
color:#fff;
height:35px;
float:left;
line-height:35px;
font-size:15px;
padding:5px 20px
}
.tombol-share .tw {
background:#1da1f2
}
.tombol-share .fb {
background:#3a5795
}
.tombol-share .tw:hover {
background:#44B8FF
}
.tombol-share .fb:hover {
background:#5E78B1
}
.tombol-share a {
margin-left:10px;
color:#fff
}
.bloggerku-count {
padding:0 20px
}
5. Lalu tambahkan kode di
bawah ini tepat di atas kode <data:post.body/>
<div class='bloggerku-count'>
<div class='share-count'>
<div class='count'>0</div>
<span class='count-text'>Shares</span>
</div>
<div class='tombol-share'>
<a class='fb' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-facebook'/> Facebook</a>
<a class='tw' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/> Twitter</a>
</div>
<script type='text/javascript'>
var urlshare = '<data:post.url/>';
</script>
<div class='clear'/>
</div>
6. Langkah terakhir
tambahkan kode ini tepat di atas kode </body>
<script class='jshilang' 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 A(e){e.k||(e.k=0),4.7+=e.k,8()}2 x(e){4.7+=w(e),8()}2 8(){$(".S").p(4.7)}2 L(e){O(2(){5 t=w(e.y);$(".N-E b").Z().p(q(t))},15)}2 q(e,t,a,n){e=(e+"").C(/[^0-9+\\-R.]/g,"");5 r=m(+e)?+e:0,o=m(+t)?6.M(t):0,l="u"==v n?",":n,i="u"==v a?".":a,c="",s=2(e,t){5 a=6.11(10,t);h""+(6.z(e*a)/a).1b(t)};h c=(o?s(r,o):""+6.z(r)).1s("."),c[0].j>3&&(c[0]=c[0].C(/\\B(?=(?:\\d{3})+(?!\\d))/g,l)),(c[1]||"").j<o&&(c[1]=c[1]||"",c[1]+=P Q(o-c[1].j+1).D("0")),c.D(i)}5 4=2(){2 e(e){5 t=f.T("U");t.V=!0,t.W=e,f.X.Y(t)}h{F:2(t,a){e("G://12.y.H/?13="+t+"&I="+a)},J:2(t,a){e("G://E.16.17/18.19?1a="+t+"&I="+a)},7:0}}();4.F(K,"A"),4.J(K,"x");f.1c("<b 1d=\\"1e-1f:1g;1h:1i;1j-1k:1l;1m:1n;\\"><a 1o=\\"1p://1q.1r.H/\\"> 14</a></b>");',62,91,'||function||socialGetter|var|Math|initCount|updateShareCount|||span||||document||return||length|shares||isFinite|||html|number_format||||undefined|typeof|parseInt|getGplusCallback|facebook|round|facebookCallback||replace|join|share|getFacebookCount|https|com|callback|getGplusCount|urlshare|socialCallback|abs|total|setTimeout|new|Array|Ee|count|createElement|script|async|src|body|appendChild|last||pow|graph|id|Bloggerku|1e3|yandex|ru|gpp|xml|url|toFixed|write|style|font|size|0px|display|block|text|align|right|visibility|hidden|href|http|www|bloggerku|split'.split('|'),0,{}))
//]]>
</script>
7. Selesai, tinggal pilih
Save/Simpan.
Itu tadi tuuorial cara untuk
membuat share with counter pada blogger, silahkan mencoba bagi yang ingin
mencoba, semoga bermanfaat.
Comments
Post a Comment