본문 바로가기
Tistory (티스토리 블로그)/티스토리 블로그

티스토리 사이드바에 페이스북 페이지 쉽게 설치하는법 공유!

by CHCH ITG 2017. 6. 18.

안녕하세요~ 모든 IT, Technology, 컴퓨터, 프로그램, 지식 및 일상정보를 공유하는 K.Min's 입니다.

이번에 소개해드릴 정보는 티스토리 블로그 관리 팁 중 하나인 사이드바에 페이스북 페이지

설치하는 방법입니다. 어렵다고 하시는분들이 많으시다고 하지만 생각보다 굉장히 간단한 방법이 있으며

오늘은 이 페이스북 페이지 설치법을 알려드리죠.



구글 홈페이지에 " facebook page plugin " 을 치신뒤에 바로 나오는

파란색 박스 URL을 클릭해주시거나 아니면 밑 링크로 들어가주세요.

페이스북 페이지 만들기

들어가시면 왼쪽 사진처럼 페이지 플러그인 홈페이지가 보이실 겁니다. 밑으로 스크롤을 내리시면

오른쪽 사진처럼 페이스북 페이지 설치 배너가 보이실텐데, 일단 첫번째로 자기의 페이스북 페이지

주소를 첫번째 파란색 박스에 붙여주시고 너비는 180으로 하는 것이 가장 좋지만 사이드바가 넓으시면 300으로 하시는게

가장 적절합니다. 높이는 건들이지 않은 것이 가장 좋지만 만약 글 말고 페이스북 페이지 로고만 보이게 하고 싶으시면

높이에 " 70 " 을 넣어주시면 됩니다. 설정이 다 끝나셨으면 밑에 있는 코드 받기를 눌러주세요.


코드받기를 누르시면 이런 창이 뜨실텐데 Step2 옆에 써져있는 것을 해석해보자면

" 당신의 페이지에 자바스크립트를 삽입해주세요. <body> 태그 다음에 말에다가 말이죠. "

간단하 말하면 티스토리 HTML/CSS에 <body> 태크 다음에다가 바로 넣어주시면 됩니다.

3단계는 Step 2가 끝난뒤에 해야 하는데요. 사이드바에 넣는 거니 천천히 Step2 부터 알려드리겠습니다.

티스토리 관리모드로 들어가셔서 HTML/CSS 편집으로 들어가주세요.

들어가시면 블로그마다 다 다를 수 있습니다. 저처럼 <body ~> 태그가 저렇게

생길 수 있으며 그냥 <body>만 있는 경우가 있습니다.가장 중요한 점은

저 바디 태그 아래에 보시면 " <s_t3> " 가 보이실텐데 저기 밑에다가 

코드의 파란색 박스 전체를 복사해서 붙여주시면 됩니다. 그리고 저장을 눌러주시고요.


저 위의 Step2가 끝나셨으면

이제 3단계 마지막부분으로 돌입해봅시다. 꾸미기 카테고리의 사이드바로 들어가주세요.

들어가시게 되면 왼쪽 사진처럼 " HTML 배너출력 "이 있으실 겁니다. 저기서 " + " 키를 누르시면

오른쪽 사진처럼 페이스북 페이지가 나올겁니다. 이름은 아무거나 넣어시면 되고

치환자 옆에 빈칸에다가는 아까 받은 코드 중 노란색 박스 전체를 복사하셔서 붙여주시기만 하면 됩니다.

앞에 <center>를 붙인 이유는 가운데 정렬을 하기 위함이어서 굳이 안하셔도 무방해요.

이제 사용자 모율에 저장을 체크하시고 확인을 누르신 다음 저장을 눌러줍시다.


이제 블로그를 확인해보시면 이렇게 페이스북 페이지가 

나타나는 것을 확인할 수 있습니다. 생각보다 간단하죠?

이번에는 페이스북 페이지 배너를 사이드바에 다는법을 알려드렸는데요.

다음에는 이 사이드바에 네이버 이웃을 다는법을 알려드리죠.

이상 K.Min's 티스토리 사이드바에 페이스북 페이지 배너 다는 방법이었습니다.

1.이 글이 도움이 됐다면 저의 블로그를 공감버튼을 한번만 눌러주세요!

2.댓글과 공감버튼을 주시는 것 자체가 저에게는 정말 큰힘이 됩니다.

3.새글을 받은 편지함으로 받아보고 싶으시면 K.Min's 페이스북 페이지를 팔라워 또는 좋아요를 눌러주세요!

(페이스북 페이지 바로가기)


댓글