페이스북 페이지 좋아요 버튼을 블로그에 다는 법을 안내하는 포스팅을 하겠습니다. 페이스북 페이지는 좋아요 버튼을 눌러야 구독할 수 있습니다. 포스팅을 할 때 맨 밑에 따로 페이스북 페이지 주소를 링크걸수도 있지만 기본적으로 데스크톱 기준으로 블로그 사이드 바에 페이스북 페이지 좋아요 버튼을 달면 더 좋을 것입니다.
위의 사진이 제 블로그에 페이스북 좋아요 버튼을 단 모습입니다. 페이스북 좋아요 버튼만 플러그인으로 달 수 있고요 바로 그 위에 있는 안내 배너는 포토샵으로 직접 만든 것입니다.
페이스북 페이지 좋아요 버튼을 만들기 위해서는 페이스북의 개발자 사이트에서 소셜 플러그인 메뉴로 가셔야 하십니다. 주소는 다음과 같습니다.
https://developers.facebook.com/docs/plugins/like-button
아래의 사진이 링크한 주소로 갔을 때 화면인데요.
먼저 1번이 페이스북 좋아요 버튼을 만들 수 있는 메뉴입니다. 페이스북 페이지 좋아요 버튼이외에도 여러 가지 플러그인들이 있는데요. 일단 페이스북 페이지 좋아요 버튼을 만드는 법만 익히면 나머지 메뉴의 플러그인들은 응용해서 쉽게 만들 수 있기 때문에 페이스북 페이지 좋아요 버튼에 대해서만 설명하겠습니다.
먼저 1번의 좋아요 버튼을 클릭하시고 2번에 자신의 페이스북 페이지 주소를 붙이기 합니다.
그리고 3번에서 너비 사이즈를 설정하셔야 하는데요. 사이즈를 가늠하기 어려우시면 랜덤으로 사이즈 입력하시고 출력 값 봐가면서 너비 값을 수정해서 최적의 사이즈로 맞추시면 되십니다.
3번까지 설정하고 나머지 기타 옵션들을 한 번씩 입력해보시면 버튼 모양이 어떻게 나오는지 미리 보기로 알려줍니다. 미리보기 봐가면서 기타 옵션들을 조정하시면 되십니다.
3번까지 하시고 기타 옵션들까지 다 조정하셨으면 4번의 코드 받기 버튼을 누르십니다.
코드받기를 누르면 위의 사진같이 코드가 나오는데요. 맨 위의 메뉴에서 IFRAM을 선택하시고 나오는 코드를 사용하시는 것입니다. 저렇게 스텝2에 코드 길게 하나 나오는데요. 저것을 모두 복사해서 블로그의 사이드 바에 입력하시면 페이스북 페이지 좋아요 버튼이 만들어집니다.
위의 코드에서 맨 앞에 <center>, 맨 뒤에 </center>를 입력하시면 가운데 정렬이 됩니다.
이상 페이스북 페이지 좋아요 버튼 만드는 법을 안내하는 포스팅을 하였습니다. 다른 플러그인도 위의 페이스북 페이지 좋아요 버튼 만드는 것과 방식이 유사하니 한 번씩 기웃거려보셔도 괜찮다고 생각합니다. 행복하세요!!!
☞ 세상의 상식을 스토리로 전해주는 블로그의 카카오 스토리 채널 소식 받기~
☞ 세상의 상식을 스토리로 전해주는 블로그의 페이스북 페이지 좋아요 하고 소식 받기~