Cara Memasang Tombol Share on Facebook dan Twitter pada Blog

-->

Sebenarnya blogspot sudah mempersiapkan tombol share sendiri, tapi kadang –kadang suka ilang dengan sendirinya, termasuk yang terjadi juga dalam blogku ini. Dan banyak juga website - website yang menyediakan tombol-tombol share yang paling popular seperti addthis, infogue dll, tapi menurutku sih ada sisi kelemahannya ketika kita akses via mobile/ HP karena gak bisa langsung klik dan share facebook dan twitter tapi harus melewati beberapa tahap, sayangkan mengurangi jatah online bagi yang pake paketan yang berbasis kuota. Tetapi kalo pake yang ini langsung tinggal sekali klik dan ramah untuk via mobile dengan langsung menyesuaikan diri m.facebokk.com , gimana pengen nyoba..? begini caranya:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

4. Kemudian jangan lupa centang pada Expand Template Widget

5. Kemudian carilah kode:

6. Agar lebih mudah mencarinya tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Masukkan pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.

7. Kemudian copylah semua kode di bawah ini tepat di bawah kode tersebut:

<div class="MsoNormal">
<span style="color: blue;"><br /><a expr:href="&quot;http://facebook.com/share.php?u=&quot;+data:post.url" expr:title="&quot;click to share on facebook: &quot;+data:post.title" href="http://www.blogger.com/blogger.g?blogID=769485628389582439" rel="nofollow" target="_blank"><img alt="share on facebook" border="0" src="http://2.bp.blogspot.com/_RCYaNaIoU-I/TOzT8h2K4zI/AAAAAAAAAkQ/OMe39hFQEYw/s1600/jiox-fshare.gif" /></a><a class="twitter-share-button" expr:data-url="data:post.url" expr:title="&quot;share on twitter: &quot;+data:post.title" href="http://twitter.com/share" rel="nofollow" target="_blank"><img alt="share on twitter" border="0" src="http://2.bp.blogspot.com/_RCYaNaIoU-I/TOzVSju-TjI/AAAAAAAAAkU/5wbIYV9DRkI/s1600/jiox-tshare.gif" /></a><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 12pt;">
<br />

8. Sehingga hasilnya menjadi seperti ini:

9. Jika sudah jangan lupa klik SIMPAN TEMPLATE dan tunggu hingga proses selesai.

10. Sekarang anda sudah bisa melihat hasilnya dengan mengklik Lihat Blog.

11. Sebagai contoh hasilnya akan terlihat seperti di bawah ini:

Dan kalo mau coba silakan klik tombol share facebook dibawah ini, Selamat mencoba dan semoga berhasil!