[facebook 위젯] 페이스북 위젯 활용

 http://www.facebook.com/badges/ 에 접속하면 페이스북에서 블로그나 홈페이지에 간단하게 붙일 수 있는 위젯을 생성해줍니다.



 제 블로그 왼쪽 카테고리 부분에 "페이스북 프로필"을 이용한 위젯을 만들어서 달아보았습니다.

생성 방법은 간단합니다. 위 사이트에 접근해서 "프로필 위젯"을 선택하면 아래와 같이 나타납니다.



 여기서 "위젯 수정하기" 를 클릭하면, 위젯 내용에 포함되는 항목들을 선택할 수 있습니다. 저는 기본적으로 선택된  "사진", "이름", "이메일" 을 이용했습니다. 그리고, "위젯을 추가할 장소 선택" 메뉴에서 "Other" 를 선택하면 복사할 수 있는 코드가 표시됩니다.

<!-- Facebook Badge START --><a href="http://ko-kr.facebook.com/boosang.jeon" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="BooSang Jeon">BooSang Jeon</a><br/><a href="http://ko-kr.facebook.com/boosang.jeon" target="_TOP" title="BooSang Jeon"><img src="http://badge.facebook.com/badge/100001356079800.1.907426502.png" style="border: 0px;" /></a><br/><a href="http://ko-kr.facebook.com/badges/" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="회원님만의 위젯을 만들어보세요!">내 위젯 만들기</a><!-- Facebook Badge END -->

 저는 다른 부분은 다 삭제하고 두번째의 <a href> element 만을 추출했습니다. 그러면 기본사이즈 때문인지 조금 벗어나게 되는데요. width 속성를 주고 티스토리 카테고리 사이즈에 맞췄습니다.

 다른 위젯도구인 "사진" 으로도 재밌는 것을 만들 수 있을거 같네요. 매번 느끼지만 페이스북은 오픈해서 이용할 수 있는게 많습니다. 그래서 더 페이스북으로 모여들게 하지만요.

도움받은 곳 : 네이버 유명블로거인 R군 (http://blog.naver.com/i2krs/) 사이트에 갔다가 왠 이상한게 달려있길래 클릭해보니 페이스북 위젯이라는걸 알게되었습니다.