Untuk memasang Facebook Like Button pada setiap post, hanya ikut beberapa langkah yang mudah di bawah.
p/s: Sila save script template anda terlebih dahulu.
Langkah 1
Log in blog = Dashboard => Design => Edit HTML. Seterusnya, tick pada kotak Expand Widget Templates.
Langkah 2
Dengan menggunakan keyboard, tekan kekunci F3. Seterusnya taip atau paste kod <div class='post-header-line-1'/> pada kotak Find dan seterusnya, klik Find. Jika kod tersebut tiada, anda boleh menggantikannya kod <div class='post-header-line-1'> atau <data:post.body/>
Langkah 3
Salin kod biru di bawah dan paste kod tersebut di bawah atau selepas kod <div class='post-header-line-1'/> atau <div class='post-header-line-1'> atau <data:post.body/>
p/s: Anda boleh menukar saiz button dengan mengedit width dan height pada kod di bawah.
<iframe allowTransparency='true'
expr:src='"http://www.facebook.com/plugins/like.php?href=" +
data:post.url +
"&layout=standard&show-faces=true&width=450&height=80&action=like&colorscheme=light"'
frameborder='0' scrolling='no' style='border:none; overflow:hidden;
width:450px; height:80px'/>
Akhir sekali klik Preview, dan jika tiada mesej Error yang terpapar, klik saja Save.
P/s: Jika anda ingin mengubah kedudukan button tersebut, anda boleh gunakan kod ini untuk memaparkan button pada sebelah kanan atau kiri
<div style='float:right;padding:4px;'>
Masukkan kod Facebook Like Button di sini
</div>
Gantikan right kepada left pada float jika anda ingin memaparkan button pada sebelah kiri
Contoh:
<div style='float:left;padding:4px;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=450&height=80&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height::80px'/>
</div>
0 komentar:
Posting Komentar
Blogger dan para pengunjung yang baik adalah yang memberi kritik dan komentar yang membangun terhadap Blog Inspirasi Sahabat ini..
Semoga Bermanfaat ya sobat !!