본문 바로가기

YouTube/티스토리 사용법

반응형
티스토리 북클럽(Book Club)스킨 매뉴얼 - 수정, 디자인, 꾸미기, 광고 등 총정리 1~4편으로 끝내는 티스토리 북클럽 스킨 매뉴얼 영상 진행 순서 1. 티스토리 북클럽(Book Club)스킨 - 셋팅 및 디자인 편 유튜브 영상 url : https://youtu.be/xK9l_2mO258 1편 사용된 티스토리 html & css 소스 구매 https://aboneu.cafe24.com/product/detail.html?product_no=324&cate_no=28&display_group=1 아보느 콘텐츠 - 모든 콘텐츠를 한 곳에서! 무료 템플릿 공유 사이트, 다양한 정보와 자료가 있는 곳, 함께 하는 재능 기부 aboneu.cafe24.com 2. 티스토리 북클럽(Book Club)스킨 - 도메인 연결편 유튜브 영상 url : https://youtu.be/A8eCwMytwzU .. 더보기
티스토리 블로그#14 일치하는 콘텐츠 광고(하단 8개 박스광고) 넣는 법 티스토리 애드센스 광고 일치하는 콘텐츠 광고 넣는 법 & 조건 [ ▼ 하단 유튜브 영상으로 상세 설명 ] 영상 진행 순서 → AdSense 고객센터 - 일치하는 콘텐츠 정보 설명글 https://support.google.com/adsense/answer/9189566?hl=ko&ref_topic=9183242 → Ctrl + F : 찾기 1. 일치하는 콘텐츠 광고란? 2. 애드센스에서 자격 조격 확인 방법? 3. 일치하는 콘텐츠 광고 적용 조건? 4. 위 광고 적용 시 시청시간 & 광고 클릭률 변화 5. 티스토리에 수동으로 html로 일치하는 콘텐츠 적용하는 방법 광고 단위 - 일치하는 콘텐츠 정보 일치하는 콘텐츠는 사이트 방문자에게 간단하게 콘텐츠를 홍보할 수 있는 무료 추천 서비스입니다. 이 도구를.. 더보기
티스토리 블로그#13 티스토리 사이트맵이 자동으로 생성됩니다. (티스토리 자체 개발) 티스토리 자체 개발 사이트맵 생성 아래 안 보면 후회! [ ▶ 유튜브 영상으로 상세 설명 ] 영상 진행 순서 티스토리 사이트맵 자동 설정하는 법 순서 따라하기 순서 1. 자신의 티스토리 관리자 페이지로 이동 https://자신의아이디.tistory.com/sitemap.xml 순서 2. 네이버/구글 사이트맵 검색 등록 - 네이버 서치어드바이저(네이버 웹마스터 도구) - 구글 서치콘솔 순서 3. 티스토리 자동 사이트맵 사용시 장점 - 사이트 최적화 도움 - 실시간 변경한 글 -> 사이트맵 자동 업데이트 ※ 유튜브 영상으로 보기 유튜브 구독하기 : https://www.youtube.com/channel/UCcUay1K9SPKkM0NswclTl0Q?sub_confirmation=1 아래 영상 url : ht.. 더보기
티스토리 블로그#12 상단 애드센스 광고 사각형 2개 넣기 - 반응형 티스토리 애드센스 광고 상단에 사각형 모양 2개 넣는 법 [ ▼ 하단 유튜브 영상으로 상세 설명 ] 영상 진행 순서 티스토리 상단에 광고 2개 넣는 순서 1. 구글 애드센스 → 신규 광고 단위 만들기 → topLeftAD , topRightAd 2. 광고 2개 - 반응형 html 소스로 재작성 → 다운로드 주소 : https://cafe.naver.com/aboneu/6373 → 광고 2개 html 반응형 소스 해석 티스토리 블로그#12 상단에 광고 2개 html 소스 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 3. 티스토리에 적용 → 플로그인 - 구글 애드센스(반응형) ※ 유튜브 영상으로 보기 유튜브 구독하기 : https://www.youtube.com/channel/UCcUay1.. 더보기
티스토리 블로그#11 SyntaxHighlighter 소스 코드 하이라이터 SyntaxHighlighter 3.0.83 버전 티스토리에 적용하는 법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 다운로드 받기 SyntaxHighlighter 3.0.83 버전 사이트 주소 http://alexgorbatchev.com/SyntaxHighlighter/ 위에서 다운 받거나 or 아보느 카페에서 직접 다운로드 하기 (2개 압축파일 + 1개 소스파일) https://cafe.naver.com/aboneu/1994 티스토리 블로그#11 SyntaxHighlighter 소스 코드 하이라이터 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 티스토리에 파일 적용하는 법 아래 이미지처럼 skin.html 파일에서 사이에 아래 처럼 넣어주시면 됩니다. SyntaxHighlighter.. 더보기
티스토리 블로그#10 서브 메뉴 추가하는 법 (whatever 스킨 카테고리 메뉴) whatever스킨 카테고리 서브메뉴 추가하는 법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 자료 다운로드 : 아보느 카페 https://cafe.naver.com/aboneu/1959 티스토리 블로그#10 서브 메뉴 추가하는 법 (whatever 스킨 카테고리 메뉴) 대한민국 모임의 시작, 네이버 카페 cafe.naver.com 1. 관리자 페이지 > 꾸미기 > 메뉴 관리 설명 및 티스토리에 어떻게 노출되는지 설명 2. 관리자 페이지 > 콘텐츠 > 카테고리 관리 설명 및 티스토리에 어떻게 노출되는지 설명 3. 카테고리 관리에 대메뉴-서브메뉴 생성하는 법 4. HTML에서 카테고리 치환자를 추가하는 법 5. CSS에서 카테고리 부분 style 변경 (참고로 한 사이트 소개) 6. htm.. 더보기
티스토리 블로그#9 다음 검색등록 & 사이트맵 제출 등록법(최신 방법) 티스토리 다음(Daum)에 검색 등록 & 네이버웹마스터도구에 사이트맵(sitemap.xml) 제출 실습 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 참고 링크들 ▶ 다음 검색등록 https://register.search.daum.net/index.daum ▶ 사이트맵 생성기 XML Sitemap Generator http://www.check-domains.com/sitemap/index.php ↑ 위 사이트맵 생성시 티스토리는 반드시 http:// → https:// 로 변경 후 입력하셔야 합니다! ▶ 티스토리 블로그#7 사이트 검색등록 - 네이버웹마스터도구, 구글서치콘솔, RSS, 사이트맵 https://youtu.be/a9leqC5GPjU 1. 다음 사이트 하단에 "검색등록" 클릭.. 더보기
티스토리 블로그#8 애드센스 광고 승인 기간 및 조건(티스토리 사이트 등록) - 광고 적용 티스토리에 애드센스 연결하는 법 애드센스 승인 후 자동 광고 넣기 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 여러분들은 어떤 방식으로 며칠 만에 광고 승인을 받았는지 댓글로 적어주시면 궁금해하는 분들에게 소중한 정보가 될 겁니다! ▶ 애드센스 가입하기 https://support.google.com/adsense/answer/10162?hl=ko&ref_topic=1250103 ▶ 티스토리 게시자를 위한 애드센스 계정 가입 https://support.google.com/adsense/answer/7287082?hl=ko 1. 티스토리 개설 후 글쓰기 시작 후 한 달 기간동안 통계 확인 2. 애드센스 가입 방법 - Adsense 고객센터 가입 링크 안내 3. 애드센스 - 새 사이트 추가.. 더보기
티스토리 블로그#7 사이트 검색등록 - 네이버웹마스터도구, 구글서치콘솔, RSS, 사이트맵 네이버 검색 등록(네이버 웹마스터도구) 구글 검색 등록(구글 서치 콘솔) [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 ※ 참고 링크 3개 : 사이트맵 생성기 & 네이버 웹마스터도구 사이트맵 등록법 https://post.naver.com/viewer/postView.nhn?volumeNo=24710400 사이트맵 생성기(xml sitemap generator) - sitemap.xml [BY 아보느 포스트] xml sitemap generator? 자동으로 사이트맵(sitemap.xml) 파일을 생성해주는 사이트... m.post.naver.com https://post.naver.com/viewer/postView.nhn?volumeNo=24710611 네이버웹마스터도구-사이트맵 등록(.. 더보기
수익형블로그 티스토리#6 티스토리에 파비콘 적용하고 도메인 연결하기 파비콘 생성기로 파비콘(Favicon) 만들기 파비콘 티스토리에 적용 & 도메인 구입 후 티스토리에 도메인 연결 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 ※ 참고1 : 파비콘 생성기 사이트 → https://www.favicon-generator.org/ ※ 참고2 : 티스토리 목적지 IP : 27.0.236.139 → https://notice.tistory.com/1784 ※ 참고3 : 도메인 구입하는 법(도메인 신청) → https://youtu.be/xQaPS_JPNvU 첫 번째 : 티스토리에 파비콘 적용하기 1. 파비콘(Favicon)이란? 즐겨찾기(favorites)와 이이콘(icon)의 합성어 = 즐겨찾기 아이콘 2. 파비콘 생성 사이트로 접속 후 파비콘 만드는 법 3. .. 더보기
수익형블로그 티스토리#5 Whatever 최신 스킨 - 중앙, 하단영역 디자인 마무리 티스토리 스킨 whatever 중앙 및 하단 영역 디자인 마무리 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 1. 홈 설정 > '커버' 형 설명 2. 각 커버 영역별 위치 티스토리 화면과 연결 3. 커버 아이템 위치 변경 방법 4. 커버 아이템 삭제 방법 5. 썸네일 리스트1 영역 수정하기 & 이미지 사이즈 안내 6. 콘텐츠 직접 입력 vs. 글 등록 방법 취사 선택 7. 썸네일 리스트 콘텐츠 직접 입력으로 변경하는 법 8. 스페셜 콘텐츠 영역 수정하기 & 이미지 사이즈 안내 9. 와이드 패널 영역 수정하기 & 이미지 사이즈 안내 10. 와이드 패널에서 글 내용 적을 때 태그 사용하는 이유 11. 썸네일 리스트2 영역 수정하기 & 이미지 사이즈 안내 12. 썸네일 리스트2 영역 글 설정에.. 더보기
수익형블로그 티스토리#4 Whatever 최신 스킨-슬라이드영역 수정(Pixabay,링크) whatever 스킨 - 슬라이드 영역 수정법 티스토리 링크 구조 & 픽사베이 이미지 활용법 [ ▼ 하단 유튜브 영상으로 상세 설명! ] 영상 진행 순서 1. 슬라이드 화면 구성 - 이미지 & 더보기 2. 티스토리 링크 구성 - 홈, 카테고리 메뉴, 각 포스트 링크 3. 상단 메뉴 마우스 오버시 각 메뉴별 링크 주소 확인 4. 메뉴 한글일 때와 영문일 때의 url 주소 차이점 5. 포스트 - 개별 글 링크 url 방식 6. 주소 설정 위치 - 포스트 주소의 2가지 방식 (숫자 or 문자) 7. 슬라이드 수정하는 위치 8. 슬라이드 콘텐츠 - 직접 입력 방식 9. 슬라이드 콘텐츠 - 글 선택 방식 10. 직접 입력 vs. 글 선택의 장/단점 11. 슬라이드 권장 사이즈와 포토샵에서 작업법 12. 직접 찍은.. 더보기

위로 가기