Tutorial pasang FB Like dan Retweet Button tanpa plugin

 

fb like button

Haha. Akhirnya dapat jugak source code facebook like dan retweet button macam kat blog amanz.my dari muje, iaitu pemilik munzirshafie.com. Saja tulis kat sini untuk nota sendiri. Code juga telah diubah:

Butang retweet button official telah ditukar dengan butang tweetmeme yang warna hijau. Boleh tengok kat bahagian bawah ni:

tweetmeme

1. Tukar username “affanruslan” dengan username twitter anda di langkah ke 3.

2. Pandai2 adjust width untuk disesuaikan dengan theme.

Cara pasang:

 

1. Bukak single.php

2. Cari

<?php the_content(); ?>

3. Lepas kod tersebut, masukkan kod di bawah:

<!-- Facebook Like Button -->
<div class="fblike"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($postID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:320px; height:35px;"></iframe>
</div>
<!-- Facebook Like Button -->

<div class="tweet">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<?php the_permalink() ?>';
tweetmeme_source = 'affanruslan';
tweetmeme_service = 'bit.ly';

</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<!-- Twitter Share Button -->

4. Save. Kemudian, bukak style.css

5. Pastekan code berikut, di bahagian bawah sekali pun ok.

.tweet,
.fblike {
	background: #ddfab1;
	border: 1px solid #80b62a;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 10px 0px ;
	padding: 13px 12px 14px;
	width: 110px;
	float: right;
}

.fblike {
	background: #ECEEF5;
	border: 1px solid #9DACCE;
	padding: 12px 15px 0px;
	width: 340px;
	float: left;
}

6. Save. Siap, InsyaALLAH menjadi

Tukar button tweetmeme kepada button official twitter

 

Ok, kalau nak tukar dari button tweetmeme ke button twitter official, boleh tengok macam kat bawah dari blog munzirshafie.com:

fb like

Caranya:

1. Cari kod berikut dari Langkah 3 diatas:

<div class="tweet">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<?php the_permalink() ?>';
tweetmeme_source = 'affanruslan';
tweetmeme_service = 'bit.ly';

</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<!-- Twitter Share Button -->

2. Kemudian, ganti kod tersebut dengan kod di bawah:

<!-- Twitter Share Button -->
<div class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="munzirshafie">Tweet</a>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<!-- Twitter Share Button -->

3. Save. InsyaALLAH menjadi.

 

Kredit:

1. Tutorial lengkap: WordPress: Memaparkan butang FBLIKE dan Tweet Meme tanpa plugin

2. Munzirshafie.com