Membuat Tombol Share Sendiri di WordPress

Punya blog, gak lengkap klo gak dibaca orang. Gimana mau dibaca klo kita gak sebarin informasi tentang apa yang kita tulis di blog/website kita sendiri? Caranya banyak seh, yaitu dengan menggunakan service ‘share button’ gitu.

Ada yang pake Facebook button, Tweet Button, AddThis.com dan lain sebagainya. Akan tetapi, nanti disana akan membutuhkan waktu yang sedikit lebih lama karena tombol share itu memanggil dari server Facebook/Twitter-nya. Ya gpp seh klo koneksi kita kenceng, lha klo orang lain gimana?

Solusinya ya kita buat tombol share sendiri aja 😉 Lebih cepet loading, itu pasti. Yaudah, yuk kita mulai buatnya 😉

Oke, pada tutorial kali ini, kita akan membuat tombol share di blog yang pake engine WordPress dulu. Tombolnya pun hanya tombol share Facebook dan tombol share Twitter (tweet) dulu ya 🙂

Pertama-tama, download dulu 2 gambar dibawah ini:
Klik kanan pada gambar, lalu pilih ‘save image as’
Facebook | Twitter

Kemudian upload sendiri kedua gambar tersebut ke uploader masing-masing. Klo mau pake link gambar diatas juga gpp kok 🙂

Lalu kode-kodenya ntar jadi begini neh.

[php title=”Tombol 1=Facebook” language=”Share”]<a target=’_blank’ href=’http://www.facebook.com/dialog/feed?app_id=140735139286030&link=&lt;?php the_permalink() ?>&picture=https://aaezha.files.wordpress.com/2011/05/tweetn.pngwp-content/uploads/2010/12/WordPress-Logo.png&name=<?php the_title(); ?>&caption=<?php bloginfo("name"); ?>&description=Postingan Baru dari AaEzha (<?php bloginfo("name"); ?>) dengan tema <?php the_title(); ?>. Ayo segera dibaca!&message=Postingan Baru dari AaEzha (<?php bloginfo("name"); ?>) dengan tema <?php the_title(); ?>. Ayo segera dibaca!&redirect_uri=<?php the_permalink() ?>’><img src=’https://aaezha.files.wordpress.com/2011/05/sharefb1.png&#8217; title=’Share to Facebook’></a>[/php]

Klo dibedah, akan menjadi beberapa bagian seperti ini:
[php]<a target=’_blank’
= ini agar membuat tab baru

href=’http://www.facebook.com/dialog/feed?app_id=140735139286030
= isi dengan API Key Apps masing2

&link=<?php the_permalink() ?>
= ini akan menjadi link postingan

&picture=https://aaezha.files.wordpress.com/2011/05/tweetn.pngwp-content/uploads/2010/12/WordPress-Logo.png
= ini akan menjadi gambar

&name=<?php the_title(); ?>
= ini akan mengisi sebagai Name

&caption=<?php bloginfo("name"); ?>
= ini akan mengisi sebagai Caption

&description=Postingan Baru dari AaEzha (<?php bloginfo("name"); ?>) dengan tema <?php the_title(); ?>. Ayo segera dibaca!
= ini akan mengisi sebagai Description

&message=Postingan Baru dari AaEzha (<?php bloginfo("name"); ?>) dengan tema <?php the_title(); ?>. Ayo segera dibaca!
= ini akan mengisi sebagai Message

&redirect_uri=<?php the_permalink() ?>
= Bila sukses akan kembali ke URL berikut

‘><img src=’https://aaezha.files.wordpress.com/2011/05/sharefb1.png&#8217;
= gambar tombol share FB

title=’Share to Facebook’
= tulisan yang muncul apabila hover ke gambar share FB

></a>[/php]

Adapun hasilnya akan merujuk seperti ini
[spoiler][/spoiler]

Dan untuk Twitter, seperti dibawah ini:
[php title=”Tombol 1=Twitter” language=”Tweet”]<a href="#" onclick="window.open(‘http://twitter.com/intent/tweet?status=&lt;?php the_title(); ?> | <?php bloginfo(‘name’); ?> >> <?php the_permalink() ?> via @AaEzha&url=<?php the_permalink() ?>&via=AaEzha’)"><img src=’URL Gambar Twitter’ alt=’Tweet this’ title=’Tweet this’></a>[/php]

Pada bagian kode untuk tweet, silahkan ubah kata ‘via @AaEzha‘ dan ‘&via=AaEzha‘ dengan Username Twitter kamu sendiri ya 😉

Oh iya, kodenya disisipi di file single.php yah, ada di dalam The Loop. 🙂
Klo masih bingung, hubungi ane aje di Email : aaezha[at]gmail[dot]com 🙂

Oh iya, klo mau pake punya saya juga gpp kok 🙂
[php title=”Tombol 1=Twitter” language=”Tweet”]<a href="#" onclick="window.open(‘http://twitter.com/intent/tweet?status=&lt;?php the_title(); ?> | <?php bloginfo(‘name’); ?> >> <?php the_permalink() ?> via @AaEzha&url=<?php the_permalink() ?>&via=AaEzha’)"><img src=’https://aaezha.files.wordpress.com/2011/05/tweetn.png&#8217; alt=’Tweet this’ title=’Tweet this’></a>[/php]
[php title=”Tombol 1=Facebook” language=”Share”]<a target=’_blank’ href=’http://www.facebook.com/dialog/feed?app_id=140735139286030&link=&lt;?php the_permalink() ?>&picture=https://aaezha.files.wordpress.com/2011/05/tweetn.pngwp-content/uploads/2010/12/WordPress-Logo.png&name=<?php the_title(); ?>&caption=<?php bloginfo("name"); ?>&description=Postingan Baru dari AaEzha (<?php bloginfo("name"); ?>) dengan tema <?php the_title(); ?>. Ayo segera dibaca!&message=Postingan Baru dari AaEzha (<?php bloginfo("name"); ?>) dengan tema <?php the_title(); ?>. Ayo segera dibaca!&redirect_uri=<?php the_permalink() ?>’><img src=’https://aaezha.files.wordpress.com/2011/05/sharefb1.png&#8217; title=’Share to Facebook’></a>[/php]

Ada pertanyaan kah?