[소셜미디어 연동하기](3탄)블로그에 페이스북 Like박스 붙이기 (소셜 플러그인 )

소셜 웹과 블로그 그리고... 공식 홈페이지
요즘은 웹 통합이 화두입니다. 공식홈페이지에 위젯형식의 트위터나 페이스북 like box를 붙인다든지 블러그와 페이스북을 연동시킨다든지 여러가지 형태로 웹이 진화하고 있습니다.

웹의 진화가 너무나 빨라서 책을 참고하면 예시 페이지가 모두 틀릴 지경입니다. 조금만 게을리해도 벌써 남들과 스타일뿐만 아니라 소통의 방식이 틀려지니... 좀 힘을 내서 해봅시다. 

 

페이스북 Like Box 붙이기

간단하게 아래화면처럼 사이드바에 페이스북의 like box를 붙여봅시다

 

 

1.
우선, 제일먼저 http://developers.facebook.com/docs/plugins/ 이곳을 들어가봅시다.
개발자 페이지 입니다.

2.
아래 화면의 소셜플러그 중에서 Like box를 선택합니다.

( 다른 것도 다 눌러보세요. 필요한 것들도 꽤(?) 있음 )

 

 

3. 링크하고자하는 페이스북페이지를 입력하고 아래 옵션을 조정합니다.

 

 

4. 원하는 모양이 완성되면 좌측하단의 Get Code를 누릅니다.

 

 

5. Get Code를 눌러서나오는 아래화면의 소스를 ctl + c 로 복사합니다.

 

 

6. 적용할 블로그에 소스를 적용합니다.
 

  ( 티스토리의 경우 홈 > 어드민 > 꾸미기 > 사이드바  메뉴에서 해당소스를 붙일 수 있습니다.
     처음 해보시는 분이라면 HTML 배너출력이 필요합니다. 없으시다면 홈 > 어드민 > 플러그인 메뉴에서 
     태더앤프렌즈사의 '배너출력'을 선택하시면 됩니다. )

   위 소스에서 1번 <div id="fb-root"></div> 로 시작되는 소스는 index.html에 해당되는 곳에 붙여야합니다.
   티스토리의 경우 html/css편집 메뉴에 skin.html을 오픈해놓았으니 대충 여기에 </head> 위쪽에 붙이시면
   됩니다.
  
   그리고 위소스에서 2번 <div class="fb-like-box">로 시작되는 소스는 표시할 위치에 복사하면 됩니다.
   티스토리의 경우 사이드바에 배너출력플러그인을 이용하여 붙이시면 됩니다.

어렵나요?

ㅠㅠ

질문사항 있으시면 코멘트 달아주시구요~

[소셜미디어 연동하기 2탄] 페이스북 페이지 유입을 늘리면서 브랜드 이미지 홍보도 할 수 있는 팁

[소셜미디어 연동하기 1탄]  누구나 쉽게 따라할 수 있는~ 소셜미디어 연동하기