--> Cara Memasang Tombol Share di Blog | SARANA BELAJAR DAN BERKREASI

Pendidikan, bisnis, inspirasi, motivasi, artikel, kesehatan,

Cara Memasang Tombol Share di Blog

|
Tombol share merupakan salah satu fitur yang wajib ada di sebuah blog. Tujuannya 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 afa-belajar tidak akan membahas bagaimana cara memasang tombol share menggunakan web-web pihak ketiga. Kali saya akan memberikan tutorial singkat bagaimana cara memasang tombol share di blog secara manual alias kita buat sendiri. Kebetulan yang saya sharekan adalah tombol share facebook dan twitter. Langsung saja simak caranya di bawah ini.

1. Buka Rancangan => Edit html => centang expand widget nya
2. untuk memudahkan pencarian tekan ctrl+F
3 Cari kode <data:post.body/>. Setelah ketemu, pastekan kode di bawah ini  tepat dibawah kode <data:post.body/>. Jika kode <data:post.body/> nya ada dua, pilih yang kedua saja.

Kodenya :

    <!-- 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>


4. Sobat bisa ganti yang berwarna merah dengan text biasa atau menggunakan gambar sendiri dengan cara mengganti URL gambarnya.

5. Simpan templatenya dan lihat hasilnya.

Semoga artikel berikut ini tentang cara memasang tombol share di blog di atas bisa bermanfaat.

Related Posts

3 comments:

  1. wah tips keren nie...
    ane ijin copas gan..

    jgn lupa visit back ya.. THX

    ReplyDelete
  2. iya.. g pa2 tp cantumkan http blog ini ya..

    ReplyDelete