Cara Ganti Tombol Share Bawaan Blogger
Cara Ganti Tombol Share Bawaan Blogger
Cari ]]></b:skin> masukkan kode ini diatasnya
kemuadian cari:
<!-- AddThis Button BEGIN -->
<div class='widgetshare'>
...................
Ganti dengan:
<!-- AddThis Button END -->
Hasilnya jika diterapkan begini:
Cari ]]></b:skin> masukkan kode ini diatasnya
.widgetshare a{
font:bold 12px/20px Tahoma !important;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topleft:7px;
border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topright:7px;
border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-bottom-left-radius:7px;
text-decoration: none !important;
padding: 5px 4px; color: #fff !important;
transition: all 1s ease;}
.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
.fcbok { background: #3B5999; }
.twitt { background: #01BBF6; }
.gplus { background: #D54135; }
.lkdin { background: #005a87; }
kemuadian cari:
<!-- AddThis Button BEGIN -->
<div class='widgetshare'>
...................
Ganti dengan:
<!-- AddThis Button BEGIN -->
<div class='widgetshare'>
Share artikel ke:
<a class='fcbok' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='"http://twittter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='"http://www.linkedin.com/cws/share?url=" + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
</div>
<!-- AddThis Button END -->
Hasilnya jika diterapkan begini:
Comments