Tutorial Membuat Share Button Pada Website

Karena banyaknya pertanyaan dari teman-teman tentang bagaimana memasang Share Button Facebook, Twitter sekaligus beserta link ke Info perkara ke dalam website berbasis Joomla, maka berikut ini beberapa langkah untuk memasangnya.

1. Buka HTML template website yang digunakan. Extensions => Template Manager => Pilih template default => Klik Tombol Edit HTML

2. Copylah script dibawah ini dan letakkan di atas kode </head>

<div id="pageshare" title="Share This With Your Friends">
<div>
<div>
<div>
<script language="JavaScript" src="http://ruumit.googlecode.com/files/share_siadpa.js"></script>
</div>
</div>
</div>
<div style="margin-top: 0px; text-align: center;">
<input type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" style="margin-top: 5px; width: 60px; font-size: 10px;" value="TUTUP" /><br/>[<a href='http://ruumit.blogspot.com/' target='_blank' alt='www.ruumit.blogspot.com' title='kode share button siadpa'/>code</a>]
</div>
</div>

3. Kemudian klik tombol Save
4. Selesai. dan silahkan di preview atau refresh browser rekan-rekan.

Atau apabila hanya menginginkan untuk menambahkan Badge Infoperkara (SIADPA Plus) yang akan tampil di bawah kiri website (joomla) maupun blog rekan-rekan maka silahkan ikuti langkah-langkahnya pada artikel Tutorial memasang badge SIADPA Plus pada web