Ni apa ceritanya kat sini?

Tutorial Cara Letak Button Facebook Share Ke Dalam Blog

Kepada semua blogger, khususnya, blogger baru yang masih tidak mempunyai Facebook Share button dalam blog, seperti dalam gambar yang korang nampak itu, jangan risau. Di sini, ditunjukkan bagaimana cara-cara nak meletakkan button tersebut, dalam blog korang. 


1.Pilih jenis button Facebook Share yang korang suka, pastu, copy kodnya. 

a. Kod untuk Full Button 

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

b. Kod untuk Compact Button 

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

2. Masuk akaun blogger korang > Dashboard > Nama Blog > Template > Edit HTML > Expand Widget Templates (Sebelum tu, jangan lupa, bekap dulu template blog korang.)

3. Menggunakan button Ctrl+F atau F3, cari kod ini: 

<div class='post-header-line-1'/> 

jika tak jumpa kod seperti di atas, cari kod ini: 

<div class='post-header-line-1'> 

4. Copy dan pastekan kod FB Share button tersebut (Langkah 1) DIBAWAH kod yang korang cari  tadi. (Langkah 3)

5. Save template dan lihat hasilnya. (Seeloknya, preview dulu, jika tiada error, baru boleh save template dan lihat hasilnya.)

Posisi Facebook Share button ini, berada antara tajuk sesuatu post dengan isi posting itu. Tetapi, sebagai pilihan, jika ada antara korang semua lebih suka letak button Facebook Share kat bawah post, lihat cara dibawah ini. 

Cara letak button FB Share kat bawah post 

1. Gunakan button Ctrl+F atau F3, cari kod ini: 

<data:post.body/> 

2. Copy dan pastekan kod button FB Share pilihan korang DIBAWAH kod yang korang cari tadi. (Langkah 1) 

3. Save template dan lihat hasilnya. (Seeloknya, preview dulu, jika tiada error, baru boleh save template dan lihat hasilnya.) 

- Kredit bagi kod FB Share dan gambar : ! Tutorial Untuk Blog | Tips Blogspot 


6 comments:

Kalau sudi, jenguklah sini :)

Blog Ping

Blogger Tips And Tricks|Latest Tips For Bloggers Free Backlinks
Related Posts Plugin for WordPress, Blogger...