Share button facebook & twitter di blogspot

Untuk rakan-rakan yang belum tahu cara meletakkan share button facebook dan twitter.. ;) 

Cara-cara meletakkan share button untuk facebook:

1. anda perlu backup template anda dahulu supaya apa-apa berlaku nanti, ada backup.
2. pergi ke Dashboard > Design > Edit HTML
3. tekan Expand Widget Templates kemudian page akan automatik refresh.
4. cari code di bawah ni:

<data:post.body/>

5. Kemudian copy dan paste kan code dibawah selepas atau sebelum code yg jumpa diatas.

<!-- Facebook Button -->
<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- Facebook Button -->

contoh:

untuk membuat diatas post

<!-- Facebook Button -->
<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- Facebook Button -->
<data:post.body/>

untuk membuat di bawah post

<data:post.body/>
<!-- Facebook Button -->
<div style='float: left; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- Facebook Button -->

6. klik preview dan lihat page anda. kemudian save templates jika anda berjaya.

menukar button share.

anda boleh menukar button share mengikut gambar di bawah. tukarkan TYPE OF BUTTON kepada code yang diberikan:

taip button untuk button dibawah

taip button_count untuk button dibawah

taip box_count untuk button dibawah

taip icon untuk button dibawah



Cara-cara meletakkan share button untuk twitter:

1. anda perlu backup template anda dahulu supaya apa-apa berlaku nanti, ada backup.
2. pergi ke Dashboard > Design > Edit HTML
3. tekan Expand Widget Templates kemudian page akan automatik refresh.
4. cari code di bawah ni:

<data:post.body/>

5. Kemudian copy dan paste kan code dibawah selepas atau sebelum code yg jumpa diatas.

<!-- Twitter tweet button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='text-align:left;padding:5px 5px 5px 0;'>
<a class='twitter-share-button' data-count='vertical' expr:data-text='data:post.title' expr:data-url='data:post.url' data-via='BloggerSentral' data-related='' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
<!-- Twitter tweet button End -->

6. anda boleh ikut cara diatas untuk meletakkan button diatas atau di bawah post.

7. tekan preview untuk lihat dan save templates.

untuk menukar button twitter

Button type	Attribute	Value
	data-count	vertical
		horizontal
		none
Follow recommendation 1	data-via	Your Twitter username
Follow recommendation 2	data-related	Second Twitter username

• untuk menukar button ke kanan, tukarkan text align di line no.3 dari left kepada right.

Selamat Mencuba
sumber dari : http://razzozirro.blogspot.com/