페이스북 페이지 홍보하기! - 티스토리 블로그에 좋아요 박스 추가하기

http://developers.facebook.com/docs/plugins/ 에 접속합니다.

여기는!! 웹사이트 개발자들을 위해 페이스북이 마련한 공간입니다.

여기서 좋아요 버튼, 페이스북 댓글.. 등을 당신의 웹사이트에 적용시킬 수 있게 도와줍니다.


우리는 페이스북 페이지를 홈페이지, 또는 블로그에 홍보하기 위해 필요한

'Like Box'라는 좋아요 박스를 추가해봅시다. 

저는.. 홈페이지가 없으니 티스토리 블로그에 한번 적용해봅시다!


http://developers.facebook.com/docs/plugins/  여기서 Like Box라는 좋아요 박스를 찾아서 눌러주세요!

이게 뜨겠죠?

이제 맨처음 'Facebook page URL' 페이스북 페이지 URL을 당신의 페이스북 페이지 URL로 바꿔줍니다.

페이지의 URL을 모르신다구요?

그렇다면!

여러분의 페이스북 페이지 URL은... 여러분의 페이지에 들어갔을때

주소창에 보이는 글씨 그대로 복사해주시면 됩니다.

 







제대로 주소를 입력하셨다면

 

당신의 페이지가 오른쪽에 뜹니다! (페이지 계정으로 로긴되있다면 안보이고 ..님의 프로필 계정으로 전환해야 보일겁니다.)

width는 왼쪽 메뉴의 너비에 따라 설정해주시고 (200쯤 되지 않나요?), 

Show faces에서는_ 얼굴을 보여줄지 말지 설정해주시고,
Stream에서는_ 페이지 담벼락의 게시물들을 보여줄지 말지 결정하시면 됩니다.


입맛에 맞게 디자인 하셨다면 Get Code를 누릅니다.

 
IFRAME를 선택하시고 APP 을 아무거나 선택하시면 됩니다.

(app이 없으신분은 app을 하나 만드세요 링크: http://yunmarketing.tistory.com/entry/누구나-한번쯤-해봐야할-페이스북-앱-만들기-해보라는데-다-이유가-있어요) 





저 코드를 복사합니다.



그리고 저는 티스토리 블로그의 사이드바 (왼쪽의 메뉴있는 곳)에 적용해보기로 했습니다.




 

 
관리자로 들어가셔서 사이드바를 누릅니다.

그리고 HTML 배너 출력이라는 모듈을 + 버튼을 눌러 적용해봅시다. 


오른쪽에 추가가 되셨다면 편집을 눌러 제목을 달고 그 코드를 붙여넣기 합니다. 

확인을 누르시고 꼭 저장을 눌러서 완료합시다.


다 되셨으면 블로그로 가서 작품을 한번 볼까요?


했더니

 

 


에이 조금.. 짤렸어

왼쪽 사이드바가 조금 작은 듯 합니다.

좋아요 박스 자체가 최소 너비가 있기 때문에 사이드바를 넓히는 수 밖에 없군요 ㅜㅜ

그래도 블로그 이미지랑 타이틀은 잘보이니 성공! 

좋아요 박스가 프로필 위에 있으니까 어색어색한거 같아서 밑으로 보내야겠어요 




여러분도 이 좋아요 박스로 페이스북 페이지의 팬을 늘려보세요!