한눈에 스킨 업데이트 - 플로팅 (떠다니는) 목차 옵션 추가

한눈에 스킨 v1.3.2 업데이트 내용 플로팅 목차 추가 스킨 기본 설정에서 플로팅(떠다니는) 목차를 생성할 수 있습니다. 이 목차는 본문 상단에 고정된 목차와는 별개로 생성됩니다. 두 목차를 모두 보이게 하거나 한 목차만을 선택적으로 보이게 할 수 있습니다. (기본값:숨김) ■플로팅 목차 아이콘 ■플로팅 목차 펼침 다운로드 검색엔진최적화(SEO) 티스토리 한눈에 스킨 배포 검색엔진최적화(SEO) 티스토리 한눈에 스킨 배포 안녕하세요. 쭈미로운 생활입니다. 그동안 티스토리 블로그를 하면서 유료 스킨을 포함하여 다양한 스킨을 사용해 보았지만 개선할 부분들이 몇 가지씩 보였고, 그 부분을 수정하는 데에 많은 toyou101.tistory.com

• format_list_bulleted 한눈에 스킨
• · 2023. 8. 10.
• textsms

한눈에 스킨 업데이트 - 폰트 및 드롭다운 메뉴 항목 추가 외

한눈에 스킨 v1.3.1 업데이트 내용 1. 검색창 위치 변경 검색창 위치가 사이드바에서 헤더 영역으로 변경되었습니다. ■ PC 화면 ■ 모바일 화면 2. 드롭다운 메뉴 항목 추가 드롭다운 메뉴에서 로그인한 사용자의 블로그 정보가 추가되었습니다. 로그아웃 상태일 때는 로그인 버튼이 표시됩니다. 3. 폰트 추가 및 삭제 기존 가독성이 떨어지는 폰트들은 삭제되었고, 대신 몇 개의 새로운 폰트가 추가되었습니다. HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 다운로드 한눈에 스킨 다운로드 바로가기 검색엔진최적화(SEO) 티스토리 한눈에 스킨 배포 안녕하세요. 쭈미..

• format_list_bulleted 한눈에 스킨
• · 2023. 8. 7.
• textsms

한눈에 스킨 업데이트 - 애드센스 자동 광고 및 댓글 설정 추가

한눈에 스킨 v1.2.4 업데이트 내용 1. 애드센스 자동 광고 설정 애드센스 설정에서 구글 애드센스 클라이언트 ID를 입력하고, 원하는 위치에 광고번호를 넣으면 광고가 표시됩니다. 광고 슬롯별 위치는 아래 글을 참고해 주세요. 한눈에 스킨 애드센스 자동 광고 적용하는 방법 한눈에 스킨은 효율적인 광고와 최적의 성능을 위해 자동 광고와 수동 광고를 함께 사용합니다. *본문 상단과 하단은 티스토리 자체 광고가 랜덤으로 노출되어 다른 글 보기 영역 하단으로 대체 toyou101.tistory.com 2. 신버전 댓글창 적용 및 댓글 설정 추가 댓글창을 제거하거나, 댓글을 과거순이나 최신순으로 정렬할 수 있습니다. 또한, 댓글 입력 폼의 위치를 댓글 목록의 상단이나 하단으로 조정할 수 있습니다. 신버전 댓글 ..

• format_list_bulleted 한눈에 스킨
• · 2023. 7. 9.
• textsms

한눈에 스킨 애드센스 자동 광고 적용하는 방법

한눈에 스킨은 효율적인 광고와 최적의 성능을 위해 수동 광고를 사용합니다. 티스토리에서 설정하는 자동 광고는 송출이 느리며, 한눈에 스킨의 자동 광고와 겹치기 때문에 모두 비활성화하는 것이 좋습니다. *현재 본문 상단과 하단은 티스토리 자체 광고가 번갈아가며 노출되어 동일한 광고가 연속적으로 보이는 경우가 발생할 수 있습니다. 이에 따라 다른 글 보기 영역 하단에만 수동 광고가 노출되도록 조정하였습니다. 티스토리 자체 자동 광고 비활성화 티스토리 관리 페이지 수익 > 애드센스 > 광고설정에서 광고 옵션을 모두 해제해 주세요. 만약 본문 중간 광고를 삽입하려면, 구글 애드센스의 자동 광고 기능(인페이지 형식 > 배너 광고)을 활용하는 것이 좋습니다. 티스토리 광고 설정에서는 본문 중간 광고를 적용해도 글 ..

• format_list_bulleted 한눈에 스킨
• · 2023. 7. 5.
• textsms

티스토리 MP4영상 업로드 후 자동 반복 재생 하기

안녕하세요. 오늘은 티스토리 블로그에서 MP4 영상을 업로드하고, 업로드한 게시글에서 바로 재생할 수 있도록 하는 방법에 대해 알아볼게요. 번거롭게 다른 곳에 올렸다가 링크를 가져와야 하는 방식이 아니라, 간편하게 사용할 수 있습니다. 또한, PC와 모바일 모두에서 영상이 화면에 맞게 자동으로 크기 조절되도록 할게요. 영상의 너비를 고정값으로 설정하면 영상의 고정값 너비가 모바일 화면보다 큰 경우, 아래와 같이 좌우 스크롤이 생기게 돼요. 그래서 별도의 스타일을 적용해야 하는데, 한 줄의 코드로 쉽게 처리할 수 있답니다. 참고로 너비를 100%로 설정하면 자동으로 조절되기 때문에 별도의 설정이 필요하지 않아요. 그러나 100%로 설정하면 작은 크기의 영상은 PC 화면에 맞게 크기가 커지므로 화질이 저하되..

• format_list_bulleted 유용한 정보
• · 2023. 6. 15.
• textsms

오프스크린 이미지 지연 로드(lazy loading) 하기

안녕하세요. 이번 시간에는 웹페이지의 로딩 속도를 향상하는 데 중요한 역할을 하는 '오프스크린 이미지 지연 로딩'에 대해 이야기하려고 해요. 이 방법은 사용자가 아직 보지 않은 이미지의 로딩을 지연시킴으로써 페이지의 초기 로딩 속도를 크게 향상시키고, 불필요한 네트워크 트래픽을 줄이는 데 도움이 되죠. 이미지 지연 로딩을 구현하는 방법에는 두 가지가 있어요. 하나는 브라우저의 내장 기능을 활용하는 방법이고, 다른 하나는 자바스크립트를 이용하는 방법이에요. 이 두 가지 방법을 적절히 조합하여 사용하면 다양한 브라우저 환경에서도 최적의 로딩 성능을 달성할 수 있답니다. 1. 브라우저 자체 기능 브라우저에서 지원하는 기능이기 때문에 이미지 로딩을 쉽게 이미지 구현할 수 있어요. 위의 코드에서 loading="..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 6. 15.
• textsms