본문 바로가기
블로그 관련 저장소

카카오톡 채널 배너 위젯 추가 생성 방법 (개발 알못)

by 루나(runa) 2022. 1. 18.
320x100

 

나는 카카오뷰 채널도 함께 운영하고 있다.

그래서 카카오뷰 채널을 홍보하기 위해, 블로그에 카카오뷰 채널 추가 버튼을 만들고 싶었다.

그런데...

 

아니, 티스토리는 네이버 블로그처럼 위젯이 간단하게 만들어지지 않는겁니다! ㅠ,.ㅠ

 

그래서 제가 이리 검색하고 저리 검색하여 

또 제가 실제로 시도해본 방법을 잊어버리지 않도록 정리하고자 합니다!!

그러면서 다른 분들께도 도움이 되었으면 해요! :)

 

 

 

 

먼저, 

 

1. Kakao developers 사이트에 접속

 

 

Kakao Developers

카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.

developers.kakao.com

 

 

접속하면 이런 화면이 나타납니다.

 

 
 
코드 생성을 누른 후, 나오는 코드는 2개.
 
그리고 나오는 설명은 
1. 아래의 코드를 페이지에 삽입하세요. <body></body> 태그 뒤에 추가하는 것을 권장합니다.
2. 버튼을 표시할 위치에 다음 코드를 삽입하세요.

이렇습니다.

 

 

2. 윗쪽 코드를 복사 후, [ 블로그 관리 > 꾸미기 - 스킨 편집 > html 편집 ] 순으로 들어갑니다.

 

 

3. 복사한 첫번째 코드를 </body> 태그 뒤에 추가 

 

중요

(저의 경우) 가장 밑으로 내려가면  </boby> 가 있었어요.

그 </body> 밑에 한줄을 만들어

아까 복사한 코드를 붙혀 줍니다.

 

 

 

4. 두번째 코드를 복사 후, 버튼을 표시할 위치에 삽입하세요.

 

 

 

* tip 1 

어디에 붙혀야 하는지 어떻게 알 수 있느냐!!!! 

 

1. 블로그 메인으로 들어간다. 

2. 원하는 위치에 있는 글자를 드레그 후, 오른쪽 버튼을 눌러 [검사]를 선택.

3. 해당 위치의 html을 확인.

 

확인 후, 다시 [ 스킨 편집 > html 편집 ] 에서 해당 위치를 검색 후,  

그곳에 붙혀 놓으면 됩니다!

 

 

* tip 2 

코드를 그냥 추가하기 보다는 <!--주석--> 로 주석을 달아주면 

다음에 찾기도 수월하다는 것! 

 

저 같은 경우에는, 예를 들어 카카오톡 채널 추가 버튼 코드를 추가할 땐 아래와 같이 입력합니다.

 

엔터
<!--카카오톡 채널 추가 버튼-->
(이곳에 코드를 붙혀넣기)
엔터

 

 

도움이 되셨다면 좋아요를 눌러주세요 ^ 3 ^

 


 

그리고 제 카카오뷰 채널은 이곳입니다.

흥미가 있으신 분은 추가 부탁드려요♡

 

 

일본 뉴스(연예계, 문화 정보)

일본의 연예계(드라마, 영화, 연예인 등) 관련 정보 등을 소개하는 채널

pf.kakao.com

 

 

 

 

728x90

댓글