본문 바로가기
반응형

티스토리스킨

구글 검색엔진 검색바 광고와 티스토리 블로그 검색 바 충돌 현상 해결 방법 1 2020. 11. 17. 11월 11일 부터 구글 애드센스 광고 단위로 구글 검색바를 블로그에 붙여서 블로그 안에서 구글 검색 결과를 표시할 수 있는 기능이 추가되었습니다. 구글 검색 결과 안에 광고가 표시되기 때문에 구글 검색 결과 + 애드센스의 조합을 내 블로그 안에서 표시해주는 하이브리드 광고 방식입니다. 기존의 애드센스 광고 단위를 새로 추가해서 티스토리 블로그에 애드센스 광고 코드를 붙여서 광고를 표시하는 것처럼 구글 검색 바를 블로그에 추가할 수 있습니다. 다만 이 구글 검색바를 추가하는 스크립트를 추가하면 티스토리 블로그 검색 기능과 충돌이 있습니다. 충돌 현상은 티스토리 블로그 검색 기능이 동작하지 않습니다. 블로그 검색어를 입력하고 전송(엔터, 또는 검색 버튼/아이콘 클릭)하면 검색어 없이 검색 폼이 전송됩니다...
티스토리 레퍼런스 Poster 스킨 검색바 고정하기 0 2020. 11. 10. 반응형으로 모바일에 대응하도록 만들어진 티스토리 레퍼런스 스킨들 중 검색 버튼을 눌러야 검색 바가 펼쳐지고, 우측 상단에 검색 아이콘으로 붙박이 상태인 레퍼런스 스킨, 또는 레퍼런스 스킨을 수정해서 만든 스킨들은 모두 같은 방식으로 조정이 가능합니다. 검색 바를 펼침 상태로 블로그 타이틀 하단에 고정 시키는 방식이고, Poster(포스터) 스킨을 대상으로 합니다. 작업전 원본 skin.html 과 style.css 파일을 반드시 백업을 해놓으시기 바랍니다. 원복할 때 필요할 수 있습니다. 1. 검색바 펼침으로 고정하기 skin.html 에서 을 검색해서 으로 " on" 을 추가하면 항상 펼침으로 고정됩니다. 2. 펼침으로 고정한 검색바 이동하기 skin.html 에서 을 검색해서 그 밑에 새줄을 만들고 ..
티스토리 오프스크린 이미지 지연 로딩(Lazy loading) 하기2 - 프로미스 비동기 객체 사용 2 2020. 10. 30. 프로미스 비동기 async/await 는 인터넷 익스플로러에서는 지원되지 않습니다. -------------------------------------------------------------------------- 티스토리 서비스는 오프스크린 이미지 지연 로딩이 지원되고 있지 않기 때문에 페이지 로딩이 다른 포털 블로그 서비스에 비해 많이 느립니다. 특히 이미지가 많이 사용된 블로그 페이지는 페이지 로딩이 느릴 뿐만 아니라 검색 지수에서 않좋은 평가를 받기 때문에, 오프스크린 이미지 지연 로딩만 되도 보다 쾌적한 페이지 로딩을 경험할 수 있으며, 검색 지수도 다소 개선되는 모습을 볼 수 있습니다. 근본적으로는 티스토리 서비스에서 이미지 태그에 "srcset" 속성을 지원해야 하고, 낙후된 자바스크립트..
티스토리 오프스크린 이미지 지연 로딩(Lazy loading) 하기1 - lazysizes 라이브러리 사용 2 2020. 10. 25. 몇 년 동안 서비스 기능 업데이트 없이 방치되면서 티스토리 인프라가 요즘의 검색 추세에 맞지 않게 많이 낙후되어 있습니다. 전반적인 인프라 개선이 되어야 하지만 전혀 안되고 있어서 티스토리 플랫폼 전체가 검색 결과에 패널티를 먹고 있습니다. 가장 시급한 문제들은 너저분하게 널린 자바스크립트 코드들이지만, 단기간에 해결이 불가능합니다. 두번째는 검색에 가장 큰 악영향을 주는 이미지 로딩 문제인데, 이미지 서버 인프라가 바뀌어야 하는 것이어서 마찬가지로 어렵습니다. "srcset" 문제가 전혀 개선되고 있지 않고, 오프스크린 이미지 지연 로딩도 마찬가지입니다. "Lazy loading", "레이지 로딩"은 오프스크린 이미지 지연 로딩을 말하는 고유 단어입니다. 같은 말입니다. 최근 네이버 블로그 가보면 이미..
애드센스 수동 광고를 붙일 때 주의할 점 0 2020. 9. 5. 티스토리에 애드센스 광고를 붙일 때 자동 광고보다는 수동 광고를 붙이는 걸 선호하는 블로거들이 있습니다. 구글의 애드센스 정책이 자동광고를 중심으로 어드밴티지를 주고 있기 때문에 가능하면 자동 광고를 붙이는 것이 좋지만, 과거 애드센스 광고 붙이던 방식을 고수하는 블로거가 아직 적지 않습니다. 블로그 초기에는 자동 광고보다 수동 광고가 광고 갯수가 더 많이 노출되기 때문에 심리적으로 뭔가 광고가 잘 되고 있는 느낌도 주고, 내가 원하는 위치에 광고를 배치할 수 있는 장점도 있습니다. 배치는 물론 사람들이 광고를 더 잘 클릭할거 같은 위치를 나름 선정하게 됩니다. 당연히 착각입니다. 애드센스로 수동 광고를 붙일 때 반드시 주의할 점들이 있습니다. 1. 수동으로 광고를 최적의 위치에 잘 붙인다는 건 없습니다..
티스토리 글 주제 자동 선택하기 0 2020. 9. 2. 최근 신 에디터로 바꾸면서 글 저장을 할 때 글 주제를 선택하다 이상한 점을 발견했습니다. 이걸 왜 매번 선택을 해야 하지? 티스토리 카테고리 설정 기능 중에는 글 주제를 선택할 수 있는 기능이 있습니다. 옛날부터 있던 기능이고, 설정이 되어 있어야 하는데, 매번 아무 생각 없이 선택을 하고 있어서 카테고리 관리자에 들어가보고서야.... 새로 만든 카테고리들에 주제 설정이 하나도 안되어 있는... 참고로 티스토리 카테고리 설정에서 카테고리 별로 글 주제를 선택해 놓으면, 글 작성할 때 카테고리만 선택하면, 카테고리 설정에서 지정한 글 주제가 자동으로 선택됩니다. 글 저장할 때 일일이 글 주제를 새로 선택할 필요가 없습니다. 아직 모르는 분들을 위해... 티스토리 카테고리 관리에 들어가면 카테고리를 추가할..
티스토리가 드디어 사이트맵 URL 기능을 제공합니다. 0 2020. 5. 11. 티스토리 이용자들이 가장 불편해했던 기능중 하나였던 자체 사이트맵 생성 기능이 드디어 제공됩니다.별도 설정없이 모든 티스토리 블로그에서 지원됩니다. 사이트맵 주소는 https://블로그주소(도메인)/sitemap.xml 입니다. 4월 27일 공지 후에 테스트 삼아 적용했었는데, 맵 갯수가 1,000개로 제한되어 있어서 좀 의아했습니다.시스템 부하를 고려한 갯수겠지만, 너무 적다 싶었는데 5월 6일 3,000개로 늘리는 공지가 추가로 떴습니다. 구글, 네이버, 빙 3대 검색엔진에서 모두 잘 인식되고, 한번 적용해놓으니 새 사이트맵 만들어서 올리는 귀찮은 작업을 더 이상은 안해도 되서 너무 좋습니다. 이제 글쓰기에만 집중하면 되는구나...한달째 새 글이 없기는 하지만... T_T 기존에 외부 사이트맵 생성툴..
티스토리 스킨 117 - 반응형 2단 심플리트3 152 2020. 4. 2. 티스토리 스킨 117 : 반응형 2단 심플리트3 * 썸네일 이미지를 크게 적용한 모던한 디자인의 2단 반응형 스킨입니다.* 썸네일 이미지 크기를 크게 설정해 인라인 스킨처럼 사용할 수 있습니다. 커버 기능은 커버 리스트 기능만 제공합니다.글 목록 썸네일 위치를 왼쪽, 오른쪽 중에 선택할 수 있습니다.헤더 배경 이미지를 적용할 수 있습니다.헤더 텍스트 정렬을 왼쪽, 가운데로 설정할 수 있습니다.카테고리 메뉴를 헤더 하단, 또는 사이드바에 배치할 수 있습니다.레이아웃 전체 너비를 1240px(기본), 1140px(좁게) 설정할 수 있습니다.스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일 및 이미지 파일을 모두 업로드해야 스킨 레이아웃이 정상 동작합니다. 스킨 다운로드 스..
글 목록에 댓글 갯수 표시하기 13 2020. 3. 25. 티스토리 글 목록 치환자 중에는 글목록에 개별 글의 댓글 갯수를 표시해주는 치환자가 있습니다. 치환자 코드는 입니다. 폰트어썸을 사용하는 스킨인 경우(제가 배포하는 스킨은 대부분 해당됩니다.) 댓글 갯수 표시 치환자( ) 앞에 이런 말풍선 아이콘을 추가로 붙여서 조금 더 보기좋게 만들어 줄 수 있습니다. 예를 들어 글 목록 날짜 표시 뒤에 댓글 말풍선 아이콘과 함께 댓글 갯수를 표시하고 싶다면 이렇게 댓글 갯수를 표시해줄 수 있습니다. 날짜 치환자는
티스토리 스킨 116 - 반응형 1단 미니멀3 배포합니다. 21 2020. 3. 22. 티스토리 스킨 116 : 반응형 1단 미니멀3 * 최소 너비(768px 고정)를 사용하는 1단 반응형 스킨입니다. * 글 목록에 다양한 레이아웃 설정이 가능합니다. 커버 기능은 커버 리스트 기능만 제공합니다.글 목록 썸네일 위치를 왼쪽, 오른쪽 중에 선택할 수 있습니다.헤더 배경 이미지를 적용할 수 있습니다.헤더 텍스트 정렬을 왼쪽, 가운데로 설정할 수 있습니다.카테고리 메뉴를 헤더 하단, 또는 사이드바에 배치할 수 있습니다.스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일 및 이미지 파일을 모두 업로드해야 스킨 레이아웃이 정상 동작합니다. 스킨 다운로드 스킨 설치안내 스킨 옵션설정 목록 미리보기1 목록 미리보기2 내용 미리보기 스킨 옵션 설정 스킨 옵션 설정은 티스토..
반응형
닫기

티스토리툴바