CARA memasang Kode Tombol Share ke Sosial Media (Facebook, Twitter, Google Plus) di Bawah Posting Blog Tanpa Javascript, sehingga Fast Loading, SEO Friendly, dan Valid HTML.
Contoh atau demonya ada di bawah posting ini.
1. Template > Edit HTML
2. COPAS kode berikut ini di atas kode ]]></b:skin>
#share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px!important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;left:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}
3. COPAS kode berikut ini di bawah kode
<data:post.body/>
<div id='share-button' style='margin-top:8px;'><p>Bagikan Ke</p><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='"https://plus.google.com/share?url=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div>
4. Save Template!
Kini Tombol Share Sosial Media (Social Share Button) sudha muncul di bawah posting blog Anda.
JIKA ingin lebih dari Facebook, Twitter, dan Google Plus, silakan ambil kodenya di AddThis.
