2012/08/31

Cara Memasang Tombol Share Facebook Dan Twitter


Tombol share merupakan salah satu fitur yang wajib ada di sebuah blog. Fungsinya tentu saja untuk memudahkan pengunjung blog kita menshare atau membagikan artikel-artikel kita ke teman-teman mereka di facebook, twitter maupun jejaring sosial yang lain.
Banyak sekali web-web yang menyediakan layanan pembuat tombol share gratis untuk dipasang di blog kita. Kita hanya perlu mendaftar, pilih style tombolnya, copy scriptnya terus pasang deh di blog kita.
Namun kali ini saya tidak akan membahas bagaimana cara memasang tombol share menggunakan web-web pihak ketiga. Kali saya akan memberikan tutorial singkat bagaimana cara memasang tombol share facebook dan twitter di blog secara manual alias kita buat sendiri. Langsung saja simak caranya di bawah ini.

1. Copy kode di bawah ini
<!-- Share FB --> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='SHARE' src='http://header-blog-image.googlecode.com/files/sharefb.jpg'/></a> <!-- Tweet Twitter --> <a expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' target='_blank'><img alt='TWEET' src='http://header-blog-image.googlecode.com/files/tweetku.png'/></a>
Sobat bisa ganti yang berwarna merah dengan text biasa atau menggunakan gambar sendiri
dengan cara mengganti URL gambarnya.

2. Cari kode <data:post.body/>  Setelah ketemu, pastekan kode di atas tepat dibawahnya. Jika kode <data:post.body/> nya ada dua, pilih yang kedua saja.

3. Simpan templatenya dan lihat hasilnya.

0 comments:

Post a Comment