Suatu hari tetangga sebelah saya meminta bantuan untuk membuatkan share link  twitter dengan skenario sebuah icon akan muncul di bawah postingan yang kalo diklik akan melakukan share link/social bookmarking pada situs twitter. Sebenarnya hal ini sangatlah mudah dengan bantuan plugin wordpress tentu saja dapat diwujudkan dalam sekejab seperti menggunakan plugin add to any dan twitter tools .

Namun keadaannya agak berbeda karena tetangga saya lupa password cpanel/ftp sehingga tidak mungkin melakukan upload plugin tersebut.

Nah, solusi yang paling bijaksana ialah melakukan custom hardcode file template aktif tersebut walaupun kelemahan teknik ini ialah saat ganti template baru fasilitas share link ini jadi tidak ada.

Url Twitter

Untuk melakukan share link pada twitter dapat menggunakan alamat :

http://twitter.com/home?status=parameter1 parameter2

Parameter 1 diisi judul postingan anda dan parameter 2 diisi alamat postingan anda (permalink).

Kekurangan twitter dan cara mengatasinya

Wah, sorry nih.. bukannya mao nge-judge ,  tapi saya merasakan batasan karakter posting box sebanyak 140 karakter merupakan salah satu kekurangan twitter.

bagaimana jika ternyata postingan blog yang akan di-twitter-kan memiliki jumlah karakter  judul dan permalink yang melebihi 140 ..? yaa terpaksa harus menggunakan fasilitas url shortener gratisan yang banyak disediakan web untuk memperpendek jumlah  karakter permalink.

Diantara banyaknya web penyedia url shorten , salah satu yang saya rekomendasikan ialah http://is.gd/

Selain fasilitas memperpendek url, hal yang saya sukai dari is.gd ini karena memiliki API yang memungkinkan melalukan generate hasil url shortener secara cepat (anda tidak perlu ke halaman utama is.gd , mengisi link yang akan diperpendek dan mengklik tombol “compress that address”).

Memasang pada Template Wordpress

Step #1

Siapkan icon twitter (pake text juga boleh) yang akan dijadikan link untuk share di twitter. Kalo belum ada silakan cek disini untuk mendapatkan icon twitter berukuran 16×16 px :

http://www.tentangrifai.com/stuff/twitter-icon.png

save as gambar tersebut lalu upload kedalam folder : themes/themes-aktif-anda/images atau jika anda tidak dapat mengakses cpanel / ftp webhosting anda , silakan gunakan image hosting gratisan seperti http://tinypic.com

lakukan upload file icon twitter tersebut. kemudian kita akan menggunakan Direct Link for Layouts untuk menampilkan gambar icon tersebut

Step #2

Buka editorial themes anda (http://alamatbloganda.com/wp-admin/theme-editor.php)

Buka Main Index Template (index.php) , jika anda bermaksud menaruh share link pada tiap posting yang terlisting di blog anda/ halaman utama anda

Buka Single post (single.post), jika anda bermaksud menaruh share link pada single posting / full posting artikel anda

Cari bagian :

<?php while (have_posts()) : the_post(); ?>
...

... // entry postingan anda berada disini

...
... // modifikasi disini
<?php comments_template(); ?>
<?php endwhile; ?>

masukkan pada baris modifikasi(huruf orange) kode berikut, jika anda mengupload gambar icon twitter pada template anda (step#1)  :

Share On :
<a target="_blank" title="Tambahkan ke Twitter" href="http://twitter.com/home?status=<?php the_title(); ?>
<? echo file_get_contents("http://is.gd/api.php?longurl=".get_permalink()) ; ?>">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/twitter-icon.png" border="0"></a>

atau jika anda mengupload dari http://tinypic.com copy kan alamat gambar hasil upload anda pada box Direct Link for Layouts, sehingga kode menjadi kira-kira sebgai berikut:

Share On :
<a target="_blank" title="Tambahkan ke Twitter" href="http://twitter.com/home?status=<?php the_title(); ?> <?
echo file_get_contents("http://is.gd/api.php?longurl=".get_permalink()) ; ?> ">
<img src="http://i44.tinypic.com/2vu0uhe.png" border="0"></a>

perhatikan huruf yang berwarna oranye. string tersebut bergantung pada nama file yang kita upload ke dalam template wordpress / hasil upload tinypic.com

Beres deh… selamat mencoba… hasil akhir bisa dilihat pada tiap akhir artikel di themes saya ini ..thx