본문 바로가기

돈굴33

티스토리 블로그_사이드바 고정 방법_스크롤 반응형 사이드바_CSS 블로거들은 사이드바에 방문자들이 봐주었으면 하는 내용을 선별하여 집어넣습니다. 카테고리, 배너 등이 들어가죠. 그런데 사이드바는 글을 읽어 나가면서 스크롤해서 내려가면 안 보이기 마련입니다. 개인적으로 카테고리, 배너와 같은 사이드바의 내용을 계속해서 노출하는 것은 중요한 전략이라고 생각합니다. 내 블로그에 그와 관련된 다른 정보가 있음을 어필하여 페이지 이탈을 최대한 막을 수 있죠. 사이드바가 스크롤이 내려가도 계속 노출되어 있을 수 있도록, 스크롤 반응형으로 만들어보도록 하겠습니다. 목차 CSS에 코드 넣기 아래의 코드를 복사해 가세요. /* 사이드바 고정 */ #aside { position: sticky; position: -webkit-sticky; top: -60px; } "스킨 편집" - ".. 2023. 10. 22.
티스토리 블로그_사이드바에 배너 넣기 목차 1. 배너로 사용할 이미지 파일 만들기 먼저 배너로 사용할 이미지 파일이 필요합니다. 저는 포토 스케이프 X를 이용하여 아래와 같은 이미지를 제작해 보았습니다. 가로 230 * 세로 101 px로 제작하였습니다. 가로 사이즈는 사용 중인 스킨의 사이드바 가로 사이즈에 맞춰서 제작하시면 됩니다. (사용 중이신 스킨 사이드바 가로 사이즈를 모르신다면 아래 1-2의 글을 참고하세요.) 세로 사이즈는 본인의 취향껏 넣으시면 됩니다. 1-1. PhotoScape X 포토 스케이프 X는 무료 툴이고, 윈도우뿐만 아니라 맥 버전의 프로그램도 배포하고 있습니다. 다른 이미지 생성 툴 쓰시는 게 있다면 그걸로 디자인을 하셔도 되고, 저처럼 포토 스케이프를 사용하는 것도 좋습니다. PhotoScape X 다운로드 바.. 2023. 10. 22.
티스토리 블로그_구글 서치 콘솔 블로그 삭제 방법 수익형 티스토리 블로그를 운영하다 보면 블로그를 여러 개 만들게 됩니다. 이런저런 시도도 하게 되고, 어떤 블로그는 폐쇄를 하기도 하죠. 여러 개의 사이트를 운영하더라도 구글 서치 콘솔 아이디는 한 개로 이용합니다. 구글 서치 콘솔에 이미 폐쇄한 블로그의 리스트가 남아 있는 건 은근히 거슬리죠. 구글 서치 콘솔에서 폐쇄한 사이트를 지우는 법을 알아보겠습니다. 구글 서치 콘솔에서 블로그 삭제하기 구글 서치 콘솔에 로그인합니다. 구글 서치 콘솔 바로가기 Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. search.google.com 삭제하고자 하.. 2023. 10. 21.
티스토리 블로그_접은글 더보기 버튼 꾸미기_CSS 티스토리에서 기본으로 제공하는 접은글은 미적으로도 예쁘지 않고 가독성도 떨어지죠. 본문과 접은글 속 내용의 경계도 불분명하죠. 오늘은 접은글을 커스터마이징하여 글의 가독성을 높이는 작업을 해보겠습니다. 완성을 하고 나면 아래와 같은 접은글 디자인이 나올 것입니다. 더보기 접은글 예시입니다. 접은글 더보기 버튼 꾸미기는 CSS 코드만 붙이면 되는 작업으로 정말 간단합니다! 목차 1. CSS 코드 복사하기 아래의 CSS 코드를 복사하세요. /* 접은글 더보기 꾸미기 */ .btn-toggle-moreless, .btn_more, .btn_less { background: #1b9a1a; /* 버튼 배경색 */ } .btn-toggle-moreless, .btn_more, .btn_less { z-index:.. 2023. 10. 18.
티스토리 블로그_아이콘&파비콘 만들기 목차 1. 아이콘과 파비콘 티스토리에서는 "아이콘" 기능과 "파비콘" 기능을 제공하고 있습니다. "아이콘"은 블로그 아이콘이고, "파비콘"은 홈페이지 아이콘이죠. 저는 두 개의 플러그인 다 사용하지 않습니다. 플러그인은 사이트의 로딩 속도를 느리게 만들 수 있기 때문에 꼭 필요한 것만 선택해서 이용하거든요. 그럼에도 블로그 아이콘과 홈페이지 아이콘(파비콘)은 지정해 놓을 필요가 있다고 생각합니다. 저 플러그인과 별개로, 블로그 아이콘과 홈페이지 아이콘(파비콘)은 쓰이는 영역이 있습니다. 1-1. 파비콘이란? "파비콘"이 무엇인지에 대한 설명은 "Google 애드센스 고객센터"에서 제공하는 "용어집"에서 가져와 보겠습니다. ↘"Google 애드센스 고객센터"에서는 "파비콘"을 "회사 로고처럼 광고주가 자신.. 2023. 10. 18.

티스토리툴바