Cool Neon Green Outer Glow Pointer
zuraida zulhilmi
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
Twitter tweet with counter data-count vertical
tweet counter on side horizontal
tweet stand alone 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.


Jangan lupa klik tabung blog ni.. ↓


edit post
Reactions: 
3 Responses
  1. BRO_MONDAY Says:

    thanks tau share info baik ni..ai dah buat, rasanya menjadi..koh koh koh


  2. zirro Says:

    sama-sama.. sharing is caring.. ;p



Related Posts Plugin for WordPress, Blogger...
There was an error in this gadget

oh!belog

gengcyber.com

blogobo.com

JOM KITA TAMBAH DUIT - klik di bawah

Image hosted by servimg.com