Thursday, November 17, 2011

Cara Nak Buat Button Facebook Share Di Bawah Entry


Sebelum ini saya ada buat tutorial Cara Nak Buat Facebook Share Terapung. Jadi pada hari ini, saya nak buat 1 lagi tutorial yang hampir sama, tapi kali ini, button facebook share diletakkan di bawah entry anda. Terdapat 2 cara untuk masukkan share button ini iaitu dengan mengedit HTML dan Automatik Gadget. Jom ikuti tutorial cara nak nak buat button facebook share di bawah entry.

Cara 1: Edit HTML

Step :1
Pergi ke Dashboard > Design > Edit HTML > Klik Expand Widget Templates,

Step 2:
Tekan ctrl+F pada keyboard anda dan paste kod dibawah ke dalam kotak find.

<data:post.body/>

Step 3

Copy code ni dan paste di bawah kod <data:post.body/> .

<div class="codeview">&lt;!-- Facebook share button Start --&gt;
&lt;b:if cond=&#39;data:blog.pageType != &amp;quot;static_page&amp;quot;&#39;&gt;
&lt;div style=&#39;float:left;padding:5px 5px 5px 0;&#39;&gt;
&lt;a expr:share_url=&#39;data:post.url&#39; href=&#39;http://www.facebook.com/sharer.php&#39; name=&#39;fb_share&#39; type=&#39;KOD BOX ANDA&#39;&gt;Share&lt;/a&gt;&lt;script src=&#39;http://static.ak.fbcdn.net/connect.php/js/FB.Share&#39; type=&#39;text/javascript&#39;&gt;&lt;/script&gt;
&lt;/div&gt;
&lt;/b:if&gt;
&lt;!-- Facebook share button End --&gt;</div>

*Edit kod di atas dengan memasukkan KOD BOX ANDA. Kod box seperti di bawah.
FB buttonCode
fb share box countbox_count
Share button countbutton_count
facebook share buttonbutton
facebook share iconicon

note: kiraan akan keluar selepas 3x share.

Step 4:
Save.

Cara 2: Automatik Gadget.

Klik gambar dibawah untuk mendapatkan gadget share button.


Selamat berblogging !

Entri Rakan Blogger