[블로그,페이스북] 구글 블로거 게시물에 페이스북 '좋아요' 버튼 설치하기.

좋아요 버튼 코드 생성 - 페이스북 좋아요 버튼 설치하기
좋아요 버튼 코드 생성 - 구글 블로거에 페이스북 좋아요 버튼 설치하기

구글 블로거가 외부와 소통할 수 있는 방법중 하나는 페이스북의 좋아요 버튼을 다는 것 입니다.
블로거에 방문한 페이스북 사용자가 블로그 게시물을 좋아한다면,
다른 페이스북 친구들도 그 블로그 게시물에 대해 알 수 있죠.
좋아요 버튼을 다는 방법은 간단합니다.
우선 페이스북의 좋아요 버튼 만들기 페이지로 갑니다.
아래 링크를 통해 가실 수 있어요.

페이스북 좋아요 버튼 생성 페이지

제일 위의 URL엔 블로그 게시물의 주소가 들어갈 예정이니,
우선 post_url처럼 알아볼 수 있게만 써 두고 코드를 받습니다.
Show faces는 standard 형식에서만 적용이 되요.
코드를 받았으면,
스킨에 설치하기전에 약간 수정을 해야해요.
iframe 형식을 기준으로 설명하겠습니다.
원래 받은 부분에서 약간만 수정하면 돼요. ^^
<iframe allowTransparency='true'
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=
&quot; + data:post.url + &quot;
&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like
&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=65&quot;'
frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:74px; height:65px;'/>
수정한 부분을 빨간 글씨로 표시해 두었어요.
우선 src 앞에 expr:을 추가합니다.
클라이언트에서 src를 읽기 전에 서버에서 블로그 게시물  주소를 받아오기 위한 거에요.
그리고 href 값에data:post.url을 넣어주면 됩니다.
간단하죠.

"주소"+게시물 주소(data:post.url)+"나머지 주소"  처럼 &quot;로 주소를 묶어 주는 것은,
서버에서 게시물 주소를 인식하기 위해서 에요.
코드 수정이 끝났다면,
스킨에서 '<data:post.body/>'로 검색하고, 바로 그 아래에 붙여 넣으면 됩니다.

블로그에 달린 좋아요 버튼 - 페이스북 좋아요 버튼 설치하기
블로그에 달린 좋아요 버튼 - 구글 블로거에 페이스북 좋아요 버튼 설치하기

좋아요 버튼으로 이제 페이스북 유저와도 소통할 수 있는 구글 블로거가 되었습니다.:D



by


Tags : , , , , , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!