페이스북 '좋아요' 버튼과 '공유하기' 버튼 통합하기

며칠 전, 제 블로그에  페이스북 '좋아요' 버튼만 달았을 때 모습입니다.
 

"좋아요" 버튼을 누르고 '댓글쓰기'로도 페이스북에 글을 보낼 수 있지만, 
담벼락에 올리기에는 "공유하기" 버튼이 더 좋을 것 같아   
"공유하기" 버튼도 함께 달았더니 아래의 모습이 되었습니다.


'좋아요' 버튼을 펼치면 두줄이 되기 때문에, 한줄인 '공유하기' 버튼과  영 어울리질 못하네요.
그래서 세이지클라서 님의    TABLE 태그를 활용하는 방법 을 읽고 테이블로 싸기로 했어요.

* 2011년 5월 20일 추가
최근 '좋아요'버튼이 '보내기'버튼이 추가된 것으로 업그레이드됐습니다.
 http://developers.facebook.com/docs/reference/plugins/like/ 에서 얻은 코드의 아랫부분 XFBML 코드를 삽입하시길 빕니다.
그리고 en_US 부분을 ko_KR 로 바꿔주어야 한글로 나옵니다.

     

통합코드.rtf

              "좋아요' 버튼을 넣고 코드를 완성한 후
    관리자 > 스킨>HTML/CSS 메뉴에서 skin.html을 엽니다.
  
##_article_rep_desc_##   앞이나 뒷쪽에  복사한 내용을 붙여 넣으면 됩니다.

 위와 같이 해서 적용시킨 모습입니다.

조금 깔끔해졌죠? ^^  
세이지클라서 님  감사합니다.