Facebook 좋아요 버튼과 같은 소셜 플러그인은 Facebook 개발자 웹 사이트에서 무료로 사용할 수 있습니다. 이 버튼을 Tumblr 블로그에 배치하는 데 필요한 모든 코드는 블로그의 URL을 입력하고 레이아웃을 선택하면 자동으로 생성되므로 코딩 경험이 필요하지 않습니다. 사이드 바에 좋아요 버튼이 표시되도록 Tumblr 블로그의 설명 섹션에 코드를 붙여 넣으세요. 방문자는 블로그의 콘텐츠를 좋아하는 경우 버튼을 클릭하여 Facebook 뉴스 피드에 링크를 배치 할 수 있습니다.
Tumblr 계정에 로그인 한 다음 Tumblr 블로그 이름 옆에있는 아래쪽 화살표 버튼을 클릭합니다. 블로그가 두 개 이상인 경우 Facebook 좋아요 버튼을 추가 할 Tumblr 블로그를 선택합니다.
Tumblr 대시 보드에서 블로그 이름 아래에 표시된 URL을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 브라우저에 따라 "링크 주소 복사", "링크 위치 복사"또는 "바로 가기 복사"를 선택합니다.
새 브라우저 탭을 열고 좋아요 버튼 소셜 플러그인에 대한 Facebook 개발자 페이지 (참고 자료 링크)로 이동합니다. Facebook 사용자 이름과 비밀번호를 사용하여 페이지에 로그인하십시오.
URL 입력 상자를 클릭 한 다음 "Ctrl-V"를 눌러 URL을 Tumblr 블로그에 붙여 넣습니다.
"레이아웃"드롭 다운 목록에서 옵션을 선택하여 Tumblr 블로그에 좋아요 버튼이 표시되는 방식을 결정하세요. 좋아요 수는 버튼 위나 옆에 표시되거나 버튼 만 선택할 수 있습니다. 미리보기 창에는 현재 선택한 설정과 함께 좋아요 상자가 어떻게 나타나는지 표시됩니다.
좋아요 버튼을 클릭 한 Facebook 사용자의 썸네일 사진을 상자에 표시하지 않으려면 "친구의 얼굴 표시"옆의 확인란을 선택 취소합니다. 공유 옵션없이 좋아요 버튼 만 원하면 "공유 버튼 포함"확인란을 선택 취소합니다.
너비 입력 상자의 좋아요 상자에 대해 선호하는 너비 (픽셀)를 입력합니다. Facebook 좋아요 상자의 너비는 Tumblr 사이드 바의 너비와 같거나 작아야합니다.
"코드 받기"를 클릭 한 다음 Facebook 사용자 이름과 암호를 사용하여 로그인하십시오.
"IFRAME"탭을 클릭 한 다음 코드 상자를 클릭하여 플러그인 코드를 강조 표시합니다. 강조 표시된 코드를 클립 보드에 복사하려면 "Ctrl-C"를 누르십시오.
Tumblr 대시 보드로 탭을 연 다음 "사용자 지정"버튼을 클릭합니다.
설명 입력 상자 내부를 클릭 한 다음 "Ctrl-V"를 눌러 좋아요 버튼 코드를 붙여 넣습니다. 좋아요 상자는 오른쪽의 미리보기 섹션에 표시됩니다.
Tumblr 사이드 바의 좋아요 상자 배치에 만족하면 "저장"버튼을 클릭 한 다음 "종료"를 클릭하여 대시 보드로 돌아갑니다.
팁
사용자 정의 화면에서 "HTML 편집"을 클릭 한 다음, 테마가 사이드 바에 설명 상자를 표시하지 않는 경우 사이드 바 섹션에 Facebook 좋아요 버튼 코드를 붙여 넣으십시오.
