Followers

Sunday, February 12, 2012

Cara Letak fb 'Share' Button pada Entry post blog

Salam sejahtera,.tutorial kali ini saya nk kongsi cara nk pasang facebook ‘share’ button pada entry post blog.Pada tutorial lepas,cara letak like button.

Seperti biasa,nk pasang widget atau gadjet ke dlm blog mesti pasang kodnya.Setiap widget ada kod tersendiri yang dipanggil kod html.First,login blogger,pergi ‘Dashboard’ Design Edit Html.Tick pada box Expand widget Templates.

Kemudian pergi kt content template,dengan menggunakan Fungsi search/find, Ctrl + F,earch  2 jenis kod dibawah:

Kod pertama

class="post-body entry-content">

Kod kedua

data:post.body>

Kemudian copy kod facebook share button dibawah :

<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>

Then pastekan diantara kod pertama dan kod kedua.Jika anda search kod pertama,terdapat dua kod yang berada diatas dan dibawah.Pilih yang diatas,abaikan yang dibawah.
Lihat gambar dibawah.



Pastikan kod yang dipastekan jadi seperti dibawah :

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'><div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
      <data:post.body/>

Setelah selesai,klik preview untuk melihat hasil.Jika button fb share keluar pada entry post,tekan save template.

Selamat mencuba !

0 comments:

Post a Comment

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hot Sonakshi Sinha, Car Price in India