Tombol Share Sosial Media Tanpa Javascript

Tombol Share Sosial Media Tanpa Javascript ~Jejaring sosial memang salah satu cara mendapatkan visitor yang lumayan banyak selain dari search engine, oleh karena itu peran sosial media dengan blog sangat penting. Saking penting hampir setiap blog memasang tombol share, nah tetapi kebanyakan tombol share tersebut menggunakan javascript dan memberatkan blog anda, pada kali ini saya akan memberi tutorial membuat tombol share tanpa javascript, yang pastinya bisa membuat blog anda sedikit lebih ringan.
Baca juga: Cara Membuat Blog Fast Loading
Langsung saja ketutorialnya:
~Masuk keblogger >> Template >> Edit HTML 

~Cari kode ]]></b:skin> lalu simpan kode dibawah ini tepat diatasnya:
#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)}
~Cari kode <data:post.body/> lalu simpan kode dibawah ini tepat dibawahnya:
<div id='share-button' style='margin-top:8px;'><p>Bagikan Ke</p><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a><a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div>
Lalu Save... Traa... sudah jadi. Selamat mencoba semoga berhasil

Mas Arif :

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel :)