티스토리 블로그에 페이스북 좋아요 버튼을 달아보자

블로그에 페이스북 좋아요 버튼을

 

다는 것은 생각 보다 간다나했다...

 

우선 페이스북 개발자 페이지로 가야한다...

 

https://developers.facebook.com/docs/plugins/like-button?locale=ko_KR

 

 

여기가 바로

 

개발자느님의 페이지라고 하는데

 

뭐 우쨓든 좋아요 버튼

 

메뉴가 따로 있었다...

 

여기서 간단한 설정을 해준다...

 

 

 

 

설정이라봐야 URL란에다가

 

내 페북 주소하나 남겨주시고

 

width 450 넣어주면 끝

 

그리고 나서 소스를 겟해야 하니

 

겟 코드 버튼을 눌러주신다...

 

 

 

겟 버튼 눌러주시면

 

 페이스북 개발자느님 께서는

 

친절하게 좋아요 버튼의 코드를

 

생성해주신다.

 

 

소스도 종류별로 생성해서

 

 푸쉬해주시는 개발자느님

 

이렇게 생성된 소스를 복사해주신다.

 

 

내가 뭐 소스 전문가도 아니고 그냥 노말로 선택되있는

 

html5 소스를 가지고 설라무네

 

그냥 한번 해봤다. 안되면 말고

 

요걸 가지고, skin.html 로 들어가서

 

바디태그 안에다 넣어주면 된다고 한다...

 

 

 

 

오른쪽 카테고리쪽에

 

넣어 봤는데 맘에 안든다

 

멘트가 짤리기 땜시

 

그래서 몇군데 찔러 넣어보다가

 

최종 적으로 넣기로 결정한 위치는

 

포스트 페이지 넘기는 목록 아래

 

제일 하단 자리다....

 

해당 소스가 어느부분인지

 

알아야 하는데 의외로 간단...

 

페이지 넘기는 부분에

 

prev (전페이지) 버튼이 있길래

 

검색해봤는데 해당 부분

 

주석도 친절하게 달려 있고해서

 

쉽게 찾을 수가 있었다...

 

먼저 한번 미리보기 보고,

 

 페이지 목록과 너무 붙어 있는것

 

같아서 <p> 태그 몇번써서 사이를 좀 벌려주었다.

 

 

 

 

으라차차!

 

생각 보다 쉽게 좋아요 버튼 생성 끗!

 

별거 아니지만 왠지

 

고수가 된 느낌아닌 느낌이랄까 ㅋ

 

여러분도 한번 따라해 보시길~