Tahniah untuk diri sendiri kerana ini merupakan entri pertama untuk belog ini. Tak suka nak membebel panjang. Entri ini tercetus kerana hajat ingin merekodkan gerakkerja sepanjang membina belog ini. Baiklah, berikut adalah tatacara pemasangan butang perkongsian sosial seperti Facebook, Google +1 dan Tweeter.

Untuk makluman pemasangan butang perkongsian ini hanya untuk pengguna wordpress (self-host) sahaja.

Langkah Pemasangan

• Log masuk ke dashboard WordPress anda
• Backup dahulu theme untuk keselamatan
• Klik Appearance > Editor
• Anda akan berada di paparan Edit Themes dimana fail style.css sudah terbuka untuk anda
• Masukkan kod dibawah ke dalam fail style.css tersebut :

/* Butang Sosial */
#g-plusone,
.fbleft,
.tweetright {
margin: 20px 0 0px;
padding: 13px 12px 12px 15px;
}

.fbleft {
margin: 2px 0 0 0;
width: 300px;
float: left;
}

#g-plusone{
margin: 2px 0 0 8px;
width: 20px;
float: right;
}

.tweetright {
margin: 2px 0 0 8px;
float: right;
width: 100px;
}

• Berikutnya klik pada fail header.php pada senarai sebelah kanan dan tampal kod ini sebelum </head> :

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

• Kemudian buka pula fail single.php dan masukkan kod ini di tempat yang bersesuaian (biasanya selepas content) :

<!-- Social Button Table Mula -->

<table border="0" width="100%" cellpadding="7">
<tr>
<td align="right">
<div class="fbleft"><div class="fb-like"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=186978054685234&xfbml=1"></script><fb:like layout="button_count" href="<?php the_permalink() ?>" action="recommend" send="true" width="300" show_faces="false" font=""></fb:like></div>
</td>
<td align="right">
<div id="g-plusone"><g:plusone size=medium></g:plusone></div>
</td>
<td align="right">
<div class="tweetright"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
</td>
</tr>
</table>

<!-- Social Button Table Tamat -->

Selesai, dan sudah boleh digunakan. Kesimpulan, 3 fail yang terlibat adalah style.css, header.php dan single.php. Tutorial ini adalah rujukan dari belog Mr.Piratz dan sedikit ubahsuai untuk diserasikan dengan theme belog ini.

UPDATE : JT dapati ada konflik kepada butang Send Fb jika memasang plugin PunchTab di belog. Solusinya pastikan anda Disable fungsi Earning Map. Klik Settings –> PunchTab, buang tanda pada Earning Map dan Save.