Share button facebook & twitter di blogspot
Untuk rakan-rakan yang belum tahu cara meletakkan share button facebook dan twitter.. ;)
Selamat Mencuba
sumber dari : http://razzozirro.blogspot.com/
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:
untuk membuat diatas post
untuk membuat di bawah post
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:
7. tekan preview untuk lihat dan save templates.
untuk menukar button 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.<!-- Facebook Button -->contoh:
<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 -->
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/>6. klik preview dan lihat page anda. kemudian save templates jika anda berjaya.
<!-- 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 -->
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 -->6. anda boleh ikut cara diatas untuk meletakkan button diatas atau di bawah post.
<b:if cond='data:blog.pageType != "static_page"'>
<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 -->
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/