Cara Membuat Share Button Keren
Seperti anda ketahui bahwa dalam web atau blog perlu berbagi karena dalam Pakar Seo dianjurkan semakin banyak web / blog berbagi maka semakin baik trafiknya, sehingga tak ayal lagi masuk jajaran teratas pencarian mbah google.
 |
| Cara Membuat Share Button Keren di bawah posting |
 |
| Cara Membuat Share Button |
Dan biasanya share button khususnya blogger masih bawaan sehingga kita merasa tidak puas akan share button ini.
Jadi kita berpikir apa kerenya jika share button seperti ini, tapi tenang sahabat fuad seo yang berbahagia saya akan memberikan ilmu kepada agan-aganwati yang tercinta, karena saya berbagi itu indah dan berkah. Ok kita ke TKP.
1. Agan harus masuk ke blog dulu
2. Masuk template dan edit HTML tapi cadangkan / pulihkan blog
3. Cari kata / kode ]]></b:skin> dan taruh kata di bawah ini di atasnya
.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; 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; }
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; 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; }
4. Selanjutnya cari kode <data:post.body/> dan biasanya lebih dari satu carilah yang paling bawah atau terakhir serta copy kode ini tepat dibawahnya
<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>
</div>
5. Simpan maka hasilnya serti dibawah ini
NB ; untuk mencari kode lebih cepat tekan CRTL + F
Ok gampang kan gan semoga web atau blog anda banyak yang share karena share button keren