Sunday, September 02, 2012

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 typeAttributeValue
Twitter tweet with counterdata-countvertical
tweet counter on sidehorizontal
tweet stand alonenone
Follow recommendation 1data-viaYour Twitter username
Follow recommendation 2data-relatedSecond 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/