본문으로 바로가기
  1. Home
  2. 인터넷소식/웹서비스
  3. 페이스북 위젯 만들기 및 블로그에 페이스북 좋아요 상자 넣기 방법

페이스북 위젯 만들기 및 블로그에 페이스북 좋아요 상자 넣기 방법

· 댓글개 · 엑스진

페이스북 좋아요 박스를 홈페이지 및 블로그에 삽입할 수 있다. 위젯이나 포스트가 보이게 할 수도 있고, 페이스북 좋아요 상자도 종류가 아주 많다. 이번 글에서는 페이스북 페이지 좋아요 상자 (Like Box) 만드는 방법과 블로그에 삽입하는 방법에 대해 이야기하고자 한다. 좋아요 상자 다운로드 : https://developers.facebook.com/docs/plugins/like-box-for-pages


페이스북 위젯, 페이스북 페이지 위젯, 페이스북 좋아요 버튼, IT, 웹서비스,


먼저 페이스북 페이지 url에 자신의 페이스북 페이지 주소를 입력한다. 그러면 자신의 페이지 내용이 하단의 예시에 보여진다. 본인의 페이스북 페이지가 아니라해도, 페이스북 페이지 주소만 알면 누구의 것이든 만들 수 있다. 좋아하는 연예인의 페이스북 페이지 위젯도 만들 수도 있다. show post를 누르면 하단에 최근에 올린 페이스북 담벼락 글이나 사진이 보인다.


페이스북 위젯, 페이스북 페이지 위젯, 페이스북 좋아요 버튼, IT, 웹서비스,


show friend's faces 를 누르면 그 페이지를 좋아하는 친구들의 프로필 사진이 보인다.


페이스북 위젯, 페이스북 페이지 위젯, 페이스북 좋아요 버튼, IT, 웹서비스,


Show header 의 체크를 해제하면 상단에 아무것도 나타나지 않는다. 다시 show header를 누르면 "페이스북에서 찾아보세요" 라고 나온다. 색도 바꿀 수 있다.


.


페이스북 페이지 위젯 색상 바꾸는 법

여러 가지 색이 있는건 아니도, 라이트/다크 중에 선택할 수 있다. 다크를 선택하면 검은색 배경으로 나타난다. 자신의 블로그에 잘 어울리는 위젯으로 고르면 된다.


페이스북 위젯, 페이스북 페이지 위젯, 페이스북 좋아요 버튼, IT, 웹서비스,



페이스북 페이지 위젯 코드 넣는 법

페이스북 페이지 위젯을 다 만들었으면 "Get Code"를 누른다. 그러면 아래와 같은 코드가 나온다.


페이스북 위젯, 페이스북 페이지 위젯, 페이스북 좋아요 버튼, IT, 웹서비스,


위에 있는 파란색으로 블럭 칠한 부분은 HTML 코드의 <body></body> 중간의 아무 곳에나 넣으면 된다. 그리고 아래에 있는 "fb-like-box" 이 부분을 자신이 페이스북 위젯을 달고 싶은 부분에 집어 넣으면 된다.


SNS 공유하기
💬 댓글 개