Hướng dẫn thêm nút like , share facebook vào website wordpress
Tác giả : Số lượt xem : 9183 lượt xem
Thiết kế website 500k xin hướng dẫn các bạn cách tạo nút share , tạo nút like cho website . Để có thể tạo được sự thuận tiện giúp người dùng có thể dễ dàng thể hiện sự yêu thích đối với bài viết trên website của bạn. Nút share facebook cho website giúp cho người dùng có thể chia sẻ bài viết yêu thích lên tường làm cho website của bạn có thể có nhiều độc giả hơn .
Đầu tiên các bạn vào website https://developers.facebook.com/docs/plugins/like-button và kéo xuống vị trí như ảnh
Ở đây có đầy đủ các thuộc tính như bố cục , loại hành động hay kích thước nút các bạn thử tùy chọn và nó sẽ show ra luôn ở box dưới . Và có 2 ô checkbox là bao gồm nút chia sẻ bạn hãy check vào nếu bạn muốn có nút share luôn . Sau đó bạn nhấn get code hay lấy mã nó sẽ ra
1
2
3
4
5
6
7
8
<
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/vi_VN/sdk.js#xfbml=1&version=v2.9”
;
fjs
.
parentNode
.
insertBefore
(
js
,
fjs
)
;
}
(
document
,
‘script’
,
‘facebook-jssdk’
)
)
;
</script>
Cho đoạn code trên vào ngay sau khi thẻ mở của thẻ <body> . Và cho đoạn code dưới đây vào vị trí mà bạn muốn xuất hiện nút like share :
1
<
div
class
=
“fb-like”
data
–
href
=
“https://developers.facebook.com/docs/plugins/”
data
–
layout
=
“box_count”
data
–
action
=
“like”
data
–
size
=
“small”
data
–
show
–
faces
=
“true”
data
–
share
=
“true”
>
<
/
div
>
Tiếp tục bạn thay đổi đường link trong data-href=”https://developers.facebook.com/docs/plugins/” thành link bài viết hiện tại bạn muốn có comment . Đối với WordPress thì các bạn chỉ cần cho vào còn đối với code tay hay các cái khác thì bạn cho link bài viết hiện tại vào là xong
Và vậy là chúng ta đã có nút like share facebook trên website . Có thắc mắc hay cần trợ giúp gì từ mình vui lòng comment bên dưới bài viết .
Chúc các bạn thành công!
Please enable JavaScript to view the comments powered by Disqus.
