본문으로 바로가기


티스토리에 티스토리 구독버튼과 


유튜브구독버튼 만들어서 사용중이신가요?


샐리같은경우엔 전에는


피드에 여러버튼들을 개인적으로 만들어 사용했었는데요.


이번에 유튜브구독버튼을 수정하면서


티스토리구독버튼도 수정을 하게 되었답니다.



수정하면서


기억도 할겸 공유도 할겸~ 글을 남겨봅니다.


먼저 티스토리 구독버튼을 만들어볼게요.



티스토리 구독버튼 만드는 법 


티스토리 구독버튼은 로그인 후 환경설정에 들어가면 다음과 같은 메뉴들이 보인답니다.


1. 아래사진의 화살표부분 ->>  꾸미기의 메뉴바/구독 설정을 클릭합니다.



2. 구독설정을 누르면 오른편에 구독버튼설정 메뉴들이 보입니다.



3. 구독버튼을 표시합니다 눌러주고 위치를 정한후 변경사항 저장을 눌러줍니다.


여기서 주의할 점. 


◈ 본인의 블로그에 로그인 하였기에 구독하기 버튼이 보이지 않으니


설정을 한 후 로그인이 안되어있는 브라우저로 확인을 해보아야 한답니다. 



설정이 되면 본문글 아래에도 구독하기 버튼이 생성이 되는것이 확인되며 




샐리의 경우엔 왼쪽하단에도 구독버튼을 표시하도록 설정하여서 


아래사진과 같이 화면왼쪽 하단에도 구독버튼이 생성 된것을 확인하였네요.




티스토리 구독버튼은 완료~했으니 이제는 YouTube 구독버튼을 티스토리에 달아봅니다.



YouTube 구독버튼 만드는 법


1. 유튜브에서 구독버튼을 만들거니 유튜브에 로그인을 합니다.


2. https://developers.google.com/youtube/youtube_subscribe_button 주소로 접속합니다.


아래사진에도 링크 걸어둘게욥~! ^^*



그럼 위 사진과 같은 화면이 나올텐데요.


본인의 채널ID를 넣고 레이아웃과 테마, 가입자수를 보이게 할건지등을 설정한 후 


완성된 코드를 복사하여 티스토리의 원하는 곳에 넣어주면 된답니다.



2. 본인의 채널ID는 유튜브에 로그인하면 화면 오른쪽 상단에서 


알림표시 옆의 프로필사진을 클릭하고 설정버튼을 눌러줍니다.


3. 왼쪽 메뉴에서 아래사진의 화살표부분의 고급설정을 눌러주면 채널ID를 확인할수 있고 복사하여

   

   채널ID 입력하는곳에 붙여넣기 해줍니다.



버튼옵션을 이리저리 만져본것을 올려봅니다.



그런데 테마를 기본값도 해보고 어둡게도 해봤는데요.


어둡게는 위의 화면처럼 까만바탕에 하얀글씨가 나온줄 알았더니 하얀바탕에 하얀글씨...


어둡게 해서 하얀스킨위에 올리니 하얀글씨가 안보입니다. ㅋㅋㅋ


아마도 코드넣을곳의 테마의 바탕색이 어떤건지 묻는듯합니다.


그래서 샐리의 경우엔 기본값으로 버튼을 만들었네요. ^^*


원하는 버튼을 유튜브에서 만들었으면 이제 티스토리의 원하는곳에 코드를 입력해주면 되는데요.


샐리는 아래사진처럼 사이드바부분에 넣었답니다. 


4. 만들어진 유튜브구독버튼 소스를 복사합니다.


5. 아래사진의 티스토리 환경설정에서 꾸미기의 사이드바를 클릭합니다.



6. HTML 배너출력의 +모양을 클릭합니다.



그럼 아래사진처럼 사이드바1에서 배너출력이 새로 생성된걸 볼수가 있답니다.


7. 편집을 클릭합니다.


HTML 배너출력에서 이름을 넣어주고 소스창에 


아까 복사해둔 유튜브구독버튼소스를 붙여넣기 해줍니다.


변경사항 저장을 눌러주면 완성~!! 이네요.


중앙에 위치하고 하고 싶으면

 

<center> 

 유튜브구독버튼소스  

</center> 


센터를 앞뒤로 넣어주면 됩니다. 


많은분들이 구독버튼에 접근하기 쉽게 버튼을 달았으니 


부디 많은분들이 구독버튼을 꾸욱 눌러주시길 바래봅니다. ㅎㅎ


유튜브 구독버튼 꾸욱 눌러주세요~~~!!  ^^*


댓글을 달아 주세요

  1. ㅇㅇ 2019.06.19 00:30

    관리자의 승인을 기다리고 있는 댓글입니다