Memasang Retweet & Facebook Share Button

Seperti yang korang tahu, tak tau pun buat-buat tau udah. Twitter dan Facebook adalah antara website yang popular sekarang. Melalui Twitter korang boleh update status Facebook korang. Dengan Twitter jugak korang boleh update menggunakan perkhidmatan SMS. Dengan Facebook dan Twitter jugak lah korang boleh menambah trafik pada blog korang. Dengan kata lain meramaikan pengunjung blog korang. Pada korang yang ada twitter dan facebook mesti nak pasang button nie kat blog masing-masing kan. Okla, hari ni aku nak ajar korang macam mana nak pasang button nie kat blog korang sendiri.

Tweet Meme Button

Jika korang pernah cuba memasang button ini pada blog korang, mungkin ia mengalami kesukaran untuk memasangnya. Tanpa tutorial lengkap pada Web tersebut ia menyukarkan pada blogger yang kurang mahir pada coding.

Langkah Pemasangan.
1. Pergi ke Dashboard > Layout > Edit HTML dan tandakan "Expand Widget Templates".
2. Sila backup terlebih dahulu blog korang sebelum apa-apa perubahan dilakukan.
3. Pilih button yang mahu digunakan.

Terdapat 2 jenis button. Full atau Compact.

4. Selepas memilih, search “<data:post.blog/>” dengan menekan CTRL+F pada keyboard anda.
5. Tambahkan code sama ada selepas atau sebelum “<data:post.blog/>”

Sebelum “<data:post.blog/>” = Pada bahagian atas post anda seperti blog ini.
Selepas “<data:post.blog/>” = Pada bahagian bawah post.

6. Jika anda mahukan button tersebut dibahagian kiri post, tukarkan sahaja <div style='float:right; margin-left:10px;'> kepada <div style='float:left; margin-left:10px;'>
7. Save dan lihat hasilnya.

Code Full

<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>

Code Compact

<div style='float:right; margin-left:10px;'>
<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Facebook Share Button

Button ini dicipta atas inspirasi Tweet Meme button. Ia menunjukkan berapa kali ia di paparkan pada Facebook dan memudahkan pelawat blog korang berkongsi pada Facebook mereka.

Langkah Pemasangan
1. Kepada pengguna Wordpress, sila dapatkan plugin di link terebut. Get the plugin
2. Pengguna blogger, pergi ke Dashboard > Layout > Edit HTML dan tandakan "Expand Widget Templates".
3. Sila backup terlebih dahulu blog korang sebelum apa-apa perubahan dilakukan.
4. Search “<data:post.blog/>” dengan menekan CTRL+F pada keyboard anda.
5. Tambahkan code sama ada selepas atau sebelum “<data:post.blog/>”

Sebelum “<data:post.blog/>” = Pada bahagian atas post anda seperti blog ini.
Selepas “<data:post.blog/>” = Pada bahagian bawah post.

6. Customise code mengikut kehendak korang.

Size = large atau small. Tukarkan mengikut pilihan korang.
url = url blog korang.

7. Save dan lihat hasilnya.

Code Full

<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>

Code Compact

<div style='float:right; margin-left:10px;'>
<script>var fbShare = {
url: 'http://chethstudios.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>