Web site

블로그에 유튜브 구독버튼 만들기, 웹사이트 꾸미기

와딩 2020. 5. 22. 18:24



안녕하세요 오늘은 웹사이트나 블로그에 설치할 수 있는 유튜브 구독 버튼을 만들어보겠습니다. 



▲유튜브 홈 오른쪽 상단에 위치한 자신의 프로필 사진을 누르고, 메뉴에서 설정으로 이동해 줍니다.



▲왼쪽 메뉴 제일 하단에 있는 "고급 설정"을 누르고 "채널ID"를 복사해 주세요!



https://developers.google.com/youtube/youtube_subscribe_button


▲위에 있는 링크로 이동한 뒤, 구독 버튼을 만들어주시면 됩니다. 방금 유튜브에서 복사한 채널ID를 넣어주시고 레이아웃, 테마, 가입자 수, 모두 설정해 주세요, 소스는 공백 없이 복사!



▲복사한 소스는 자신이 운영하는 사이트에서 수정을 해주시면 됩니다. 저는 티스토리에 설치해 보도록 하겠습니다. 관리자 페이지에서 "배너 출력" 플러그인을 누르고 적용시켜줍니다.



▲관리자 페이지의 "사이드바"로 이동하여 "HTML배너출력"을 추가합니다.



▲그럼 바로 옆에 또 하나의 "HTML 배너 출력"이 추가가 되는데 "편집"을 누르고, 이름, HTML소스를 넣어주세요



▲이렇게 넣어주시면 됩니다. 마지막으로 사용자 모듈에 체크하고 확인 후, 변경사항 저장!



▲프로필 사진은 유튜브 또는 구글 계정에서 업로드 하시면 자동으로 버튼에 이미지가 적용되고, 버튼을 중앙으로 정렬하고 싶다면 <center>소스</center> 앞뒤로 넣어주시면 됩니다.