HTML: Bagaimana membuat sendiri Button Facebook dan Twitter share

Serunya kalau halaman website kita memiliki button Facebook atau Twitter, selain terlihat lebih social juga sangat membantu publikasi website. Tapi bagaimana cara membuat sendiri button Facebook dan Twitter tersebut? lanjutkan bacanya yah 🙂

Untuk yang memiliki website dengan CMS, pasti mudah karena, sudah ada plugin tersedia, tinggal install, setting-setting sedikit jadi deh facebook dan twitter share-nya. Tapi kalau tidak pake CMS, bagaimana membuat sendiri button facebook dan twitter share itu? Sebenarnya, di websitenya facebook dan twitter sendiri sudah ada panduan lengkap mengenai cara membuat button facebook share dan twitter share ini. Anggaplah ini terjemahannya dan semoga anda tidak bingung hehe.

1. Button Facebook share sendiri



Kode HTML untuk membuat buton tersebut adalah:

<a href="http://www.facebook.com/share.php?u=http://orangorangan.com/bagaimana-membuat-sendiri-button-facebook-dan-twitter-share" target="_blank">
<img class="alignleft size-full wp-image-664" title="custom-fb-share" src="http://orangorangan.com/wp-content/uploads/2012/02/custom-fb-share.png" alt="" width="150" height="41" />
</a>

Sudah tahu kan yang mana yang diganti kalau mau share alamat website sendiri? oke sekarang lanjuuuut

2. Button Twitter share sendiri




Kode HTMLnya adalah:

<a href="http://twitter.com/intent/tweet?url=http://orangorangan.com/bagaimana-membuat-sendiri-button-facebook-dan-twitter-share&amp;text[email protected]&amp;hashtags=orangorangan" target="_blank">
<img class="alignleft size-full wp-image-664" title="custom-twitter-button" src="http://orangorangan.com/wp-content/uploads/2012/02/custom-twitter-button.png" alt="" width="150" height="41" />
</a>

Nah, sedikit penjelasan untuk custom twitter button ini:

url: isi dengan url tujuan
text: deskripsi singkat mengenai url (perhatikan tanda ‘+’ berarti spasi)
@jipeus: id twitter kamu atau yang bersangkutan
hastags: #

that’s all teman-teman, gampang kan? kalo iya bantu share dong biar yang lain nambah pengetahuan juga 🙂