![Leypark [Dot] Com](http://i1115.photobucket.com/albums/k547/HazIssac/leyparkkkkkkkkkkkk2-2.png)
[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!
Facebook has introduced a new sharing tool – the Send button. The Send button allows your readers to privately share things with groups and individuals. It enables them to:
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh3.ggpht.com/_nHEt80wjI5c/Tbqotoni7OI/AAAAAAAAB3g/gBzXkcorZw4/Facebook%20Send%20button%201%5B4%5D.jpg?imgmax=800 "Facebook Send button 1")
- Share your post with selected friends through Facebook Messages.
- Post it to Facebook Groups.
- Email it (without snippet) to individuals.
I. Letak Button Send
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh4.ggpht.com/_nHEt80wjI5c/TbhPQI9j5RI/AAAAAAAAB3Y/lun4dkJyIwI/facebook%20send%20button%5B11%5D.jpg?imgmax=800 "facebook send button")
- Pergi Ke Dashboard > Design > Edit HTML.
- Back up your template.
- Tick dekat Expand Widget Templates/
- Cari code di bawah ini (Ctrl+F untuk memudahkan pencarian):
<data:post.body/>
Copy code XFBML dekat bawah ni di bawah code di atas.
<!–Facebook Send button Start –>
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'></script><fb:send expr:href='data:post.url' font='' colorscheme='light'></fb:send>
</div>
</b:if>
<!--Facebook Send button End -->
Preview dulu, kalau tak ada apa-apa masalah, save macam biasa dan lihat hasilnya.
II. Letak Button Like + Send button
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh6.ggpht.com/_nHEt80wjI5c/TbhPRViA6jI/AAAAAAAAB3c/E3R73WLa0XI/facebook%20like%20plus%20send%20button%5B5%5D.jpg?imgmax=800 "facebook like plus send button")
Ulangi langkah di atas cuma copy code di bawah ini :nt
<!– Facebook Like+Send button Start –>
<b:if cond=’data:blog.pageType != "static_page"’>
<div style=’float:left;padding:5px 5px 5px 0;’>
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1′ type=’text/javascript’></script><fb:like expr:href=’data:post.url’ font=” layout=’standard’ send=’true’ show_faces=’false’ width=’450′ colorscheme=’light’></fb:like>
</div>
</b:if>
<!– Facebook Like+Send button End –>
<!– Facebook Like+Send button Start –>
<b:if cond=’data:blog.pageType != "static_page"’>
<div style=’float:left;padding:5px 5px 5px 0;’>
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1′ type=’text/javascript’></script><fb:like expr:href=’data:post.url’ font=” layout=’standard’ send=’true’ show_faces=’false’ width=’450′ colorscheme=’light’></fb:like>
</div>
</b:if>
<!– Facebook Like+Send button End –>
III. Tambah Send button kepada yang sudah ada Like button
Kalau korang dah ada LIKE BUTTON, cuma tukar code yang sedia ada (tak kisah menggunakan iFrame or XFBML)) dengan code di bawah ini.pr
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1′ type=’text/javascript’></script><fb:like expr:href=’data:post.url’ font=” layout=’standard’ send=’true’ show_faces=’false’ width=’450′ colorscheme=’light’></fb:like>
IV. Stylekan Button Anda
Korang boleh tukar style yang korang nak dengan explore sendiri la. make sure preview dulu sebelum save ok. ![20x20 big smile [Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://leypark.com/wp-content/plugins/smilies-themer/Julianus/20x20-big_smile.png "[Tutorial] Bagaimana Nak Letak \"Button Send\" Terbaru Dari Facebook!")
| Like button type | Attribute | Value | Width |
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh6.ggpht.com/_nHEt80wjI5c/TFKSBjAhP-I/AAAAAAAABeY/P0NC0SWi3rs/standardlikebutton4.png?imgmax=800 "standard like button"){kind=small} |
layout | standard |
450px
|
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh6.ggpht.com/_nHEt80wjI5c/TbhPTjMvbeI/AAAAAAAAB20/vpNbXENmLCE/facebook%20like%20button%20count%5B4%5D.jpg?imgmax=800 "facebook like button count"){kind=small} |
button_count |
150px
|
|
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh4.ggpht.com/_nHEt80wjI5c/TbhOTEJPxkI/AAAAAAAAB2k/FxgozxOK-EE/facebook%20like%20box%20count%5B5%5D%5B1%5D%5B4%5D.jpg?imgmax=800 "facebook like box count[5][1]") |
box_count |
110px
|
|
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh5.ggpht.com/_nHEt80wjI5c/TFKSGb85CTI/AAAAAAAABek/X3TzCDOVlkY/standardlikebuttonrecommend4.png?imgmax=800 "standard like button recommend"){kind=small} |
action | recommend |
n.a.
|
![[Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://lh6.ggpht.com/_nHEt80wjI5c/TFKSEv5p-_I/AAAAAAAABeg/4hNI9XGH5UU/standardlikebuttondark4.png?imgmax=800 "standard like button dark"){kind=small} |
colorscheme | dark |
n.a.
|
|
n.a.
|
font | font name |
n.a.
|
hanya dua saja yang boleh ditukar untuk Send button –colorscheme and font.
V. Repositioning the buttons
Langkah-langkah di atas untuk kedudukan butang di bahagian kiri bawah setiap posting.
Korang boleh menukar kedudukan jika korang nak :
- Posisi itu di atas posting
Letakkan kod butang sebelum <data:post.body/>, bukan selepas.
- Posisi itu di sebelah kanan
Tukar code float dari left ke right.
Enjoy!
credit to : Blogger Sentral
![iklan1 [Tutorial] Bagaimana Nak Letak "Button Send" Terbaru Dari Facebook!](http://rm20segera.com/banners/iklan1.gif "[Tutorial] Bagaimana Nak Letak \"Button Send\" Terbaru Dari Facebook!")
Category: Blogger Widget, Facebook, Tutorial
Dalam HTML aku ada 3 kod .. jadi nak letak kat mana satu yup??
@Anwar Suran [co="yellow"]amik yang last sekali bro.. tapi template kita ada byk kode yang berlainan.. kalau ada pakai read more, letak di bawak code ke 2.. [/co]