Screenshot Send Button Facebook |
Tutorial:
PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html
1. Login ke akaun blogger anda.
2. Klik pada Template
3. Klik Edit HTML
4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search
5. Cari (CTRL + F) kod dibawah:
<data:post.body/>
6. Copy (CTRL+C) dan Paste (CTRL+V) kod dibawah selepas atau sebelum kod <data:post.body/>
<!-- HTML5 CODE FACEBOOK SEND BUTTON START -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='fb-send' data-colorscheme='light' data-font='segoe ui' data-send='true' data-show-faces='false' data-width='450' expr:data-href='data:post.url '/>
<!-- HTML5 CODE FACEBOOK SEND BUTTON END -->
Keterangan:
- Jika anda mempunyai kod <data:post.body/> lebih dari satu, anda boleh cuba satu persatu . Try n Error k .
- Jika kod diatas tidak berfungsi pada template blogger anda, padam kod diatas , gantikan dengan kod dibawah :
<!--Facebook Send button Start --><b:if cond='data:blog.pageType != "static_page"'><div style='float:left;padding: 01px 05px 05px 0;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:send colorscheme='light' expr:href='data:post.url' font=''/></div></b:if><!--Facebook Send button End -->
7. Klik Preview template dan jika ok, klik Save Template
nice sharing faiz, tutorial yg bermanfaat
ReplyDeletenice sharing :D
ReplyDeletealhamdulillah ohsem ganda dua! hehehe. Meman gkena try n error pasa ada lebih dari satu data post body tu. But i managed to do it thanks to you bro (^_^)
ReplyDeletesalam faiz, kenit nak tanya skit bagaimana nak fix 'ralat' tu? bila kenit try 'send' entri ke group dia akan keluar perkataan 'ralat' dan entri tak appear pun kat group blogging di fb. How to fix this? or kena tunggu sedikit masa untuk ia kembali berfungsi? Mohon pencerahan hehhe (^_^)
ReplyDeletecbe try gne code lg 1 . (tgk kat step 6 , bahagian keterangan ) . kemungkinan code HTML5 x support template awk . :)
Deletefaiz, kenit dah tukar dan guna kod yang dicadangkan faiz, but still the same .... dia kuar 'ralat'. Pastu bila klik kat ralat tu kuar 'invalid source'. Maknanya, koding ni tak support template kenit ke? rasanya kenit tak tukar template pun , ni blogspot punyer template ni.
Delete