본문 바로가기

티스토리265

티스토리 - 표 테두리 색 바꾸는 방법 ▲ 스킨에 따라 다른지는 모르겠으나 북클럽 스킨은 표 테두리 색은 회색입니다. ▲ 이렇게 바꾸는 방법입니다. ▲ 스킨편집 - CSS 마지막 줄에 위 코드를 추가합니다. .entry-content table tbody td { border: 1px solid #585858; } ▲ 1px와 solid 2023. 5. 3.
티스토리 에디터 단축키 ▲ 더 보기 메뉴 - 단축키 ▲ 와~ 많다. 참고로 키보드에 메크로키(Fn) 등록 기능이 있으면 더 쓰기 편하다. 2023. 4. 17.
애드센스 수익금 계좌 추가하기 왼쪽 메뉴 '지급 - 결제정보'에서 ▲ 결제 수단 관리 ▲ 결제 수단 추가 ▲ 새 은행 송금 세부정보 추가 ▲ 이름과 은행명을 영어로, SWIFT 코드를 적습니다. 입력한 계좌로 수익금을 받으려면 기본 지급 수단으로 설정을 체크하고 저장하면 됩니다. ※ 본인 명의 계좌가 아니라도 등록 가능. 2023. 3. 23.
티스토리 운영 - 구글 SEO를 지켜보자 '구글 SEO' 많이 들어보셨지요? Search Engine Optimization의 약자입니다. 검색 엔진 최적화. '구글 상위 노출'을 위해 지키면 좋은 글 쓰기 방식입니다. 꼭 필요하다기보다는 '하면 좋다'라고만 알아두십시오. 구글은 관심 없고 네이버, 다음에 많이 노출되고 싶다면 누구보다 빠르게 누구보다 이미지를 많이 넣어서 글을 쓰면 됩니다. 네이버나 다음에서 검색했을 때 어떤 글을 많이 보시나요? 먼저 검색어와 일치하는 제목을 보고 날짜를 보고 다음으로 사진이 많은지 보죠? 하지만 구글은 아주 특별한 일부 글을 제외하면 썸네일을 볼 수 없습니다. 최신이든 오래되었든 검색어와 일치하고 신뢰도가 높은 글부터 보여줍니다. 그런 글을 잘 보면 SEO를 따르고 있음을 알 수 있어요. 구글이 좋아하는 글.. 2023. 1. 30.
티스토리 - 글 발행 날짜 연도만 표시하기 ▲ 스킨에 따라 다르지만 글 쓴 날짜는 보통 '년. 월. 일'입니다. 연도만 표시하도록 수정하는 방법입니다. ▲ 먼저 티스토리 스킨편집 - html에서 저부분이 어디 있는지 찾아야 합니다. 브라우저 F12를 켜고 선택툴을 클릭하고 글 쓴 날짜를 클릭합니다. 그럼 해당 html을 보여주죠. 주변 class 이름을 잘 보고 찾아야 합니다. ▲ 스킨편집 - html로 와서 편집창을 클릭하고 찾기(Ctrl+F) '수정'을 합니다. 수정 근처에 있으니까요. class 이름을 잘 확인하고 날짜 부분을 찾습니다. 날짜 치환자는 '##_article_rep_simple_date_##'입니다. ▲ 블로그 관리 페이지 아래에 보면 스킨 가이드가 있어요. ▲ 글 정보 치환자에 보면 연도만 표시하는 치환자가 있습니다. 복사~.. 2023. 1. 4.
티스토리 운영 기본 - 이미지를 최적화 하자! 블로그를 운영하며 지키면 좋은 것. '이미지 최적화' 이미지 최적화는 로딩 시간을 단축시켜 사용자의 이탈률을 줄여준다. 고사양 컴퓨터와 빠른 인터넷 속도로 옛날보다 좋은 환경이 되었지만 여전히 용량이 큰 이미지와 영상 등은 페이지 로딩 속도에 영향을 준다. 구글은 로딩 시간이 불필요하게 긴~ 글에 좋은 점수를 주지 않는다. '로딩 시간=이탈률'이다. 나부터도 로딩 시간이 긴 글은 로딩이 끝나기 전에 나와버린다. • 이미지 최적화 하는 방법. 1. 본문 가로 크기보다 큰 이미지는 올리지 말 것. 이 블로그의 본문 가로 최대 크기는 809px이다. 항상 808px로 올린다. 본문보다 가로길이가 큰 이미지를 올리면 원본을 보기 위해 이미지를 클릭해야 하는 불편함이 있다. 클릭 한 번 덜 하게 하는 건 중요하다.. 2022. 12. 27.
티스토리 스킨 편집 - 댓글 수정/삭제 버튼 보이게 하기 ▲ 오늘 아침부터 댓글 점 3개 메뉴가 열리지 않는다. 다른 블로그를 확인해보니 이 블로그만 안 된다. html/css를 봐도 문제는 없다. 서버 오류가 확실하다. 그냥 저 점 3개 버튼을 없애 버리고 바로 수정/삭제 버튼이 나오게 만들자. ▲ 브라우저 검사(F12)를 켜고 선택툴로 점 3개를 찍으면 html/css를 보여준다. display: none으로 변경하여 안 보이게 하자. 티스토리 스킨편집 > CSS 1686번 줄로 가서 수정하면 된다. ▲ 이번에는 댓글주소, 수정/ 삭제 찾아서 none을 block로 변경하여 처음부터 보이게 한다. 1694번 줄에 가서 수정하자. ▲ '댓글주소'는 딱히 필요 없는 기능이니 html 편집에서 저 부분을 찾아 주석 처리하였다. ▲ 이제 이렇게 나온다. 차라리 이.. 2022. 12. 26.
티스토리 공감버튼 위치(중앙) 바꾸는 방법 광고 사이에 공감버튼이 있어 잘 보이지 않는가 보다. 딱히 공감에 신경을 안 쓰긴 하는데... 일단 위치를 바꿔보기로 한다. 스킨 편집은 항상 미리 해보고 적용하는 게 좋다. 대부분의 브라우저에서 미리 해볼 수 있다. F12를 누르자. ▲ 선택툴을 누르고 공감 버튼 근처로 가져가 클릭하면 아래에 클릭한 부분의 html, css를 알려준다. 여기서 수정하여 미래 해볼 수 있는 것이다. ▲ 먼저 저작권 표시를 없애야 한다. 이 마크는 블로그 설정에서도 할 수 있는데 표시하지 않는다 설정하여도 적용이 안되니... ▲ css에서 display: none; 처리한다. ▲ 공감 버튼을 중앙으로 옮기기 위해 부모 요소에 text-align: center;를 적용한다. ▲ 공감 버튼이 있는 div의 css에서 floa.. 2022. 12. 9.
티스토리 오디세이 스킨 - 슬로건, 배너 위치 바꾸는 방법 ▲ 오디세이 스킨의 슬로건과 배너를 사용하면 슬로건이 먼저, 배너가 뒤에 나옵니다. 위치를 바꾸는 기능이 있으면 좋겠지만 지원하지 않습니다. ▲ 슬로건과 배너 이미지, 문구 설정은 스킨 편집에서 할 수 있어요. ▲ html 편집에서 부분을 찾습니다. 딱히 html을 수정하지 않았다면 줄번호 80번대에 있습니다. ~ 부분을 잘라내기(Ctrl+X)하여 ▲ 바로 위에 있는 에 붙여 넣기 하면 됩니다. 쉽죠. ▲ 이제 배너가 먼저 나옵니다. 2022. 12. 6.
애드센스 - 측면 레일 광고 ▲ 애드센스에서 메일이 왔다. 12월 13일부터 사이드 레일 광고가 나온다고 한다. ▲ 앵커 광고를 사용하고 있다면 자동으로 활성화 되어있다. ▲ 측면 레일은 시범 적용할 때 두어 번 봤다. 이렇게 나오는 광고다. 모니터 해상도가 커져서 빈 공간이 많아지니 광고 넣을 자리가 계속 생기나 보다. 요즘은 QHD가 기본이고 4K 모니터도 아주 많이 사용한다. 그만큼 그래픽카드가 많이 발전했다는 뜻이기도 하다. 나도 QHD를 보고 있다가 4K 모니터로 다시 보고 있다. 2022. 12. 5.
애드센스 - 광고 차단 회복 사용해보자 애드센스에 '광고 차단 회복'이라는 기능이 생겼다. 대충 읽어보니 광고 차단 프로그램을 사용하는 사람들에게 광고를 다시 보여주도록 메시지를 표시하는 기능이다. 구글에서 이런 서비스를 하는 건 AD블락을 사용하는 사람이 많다는 뜻이다. ▲ 개인 정보 보호 및 메시지 메뉴 ▲ 광고 차단 회복 클릭 ▲ 잘 읽어보자. 설정은 어렵지 않지만 대충대충 하면 뭐가 뭔지 잘 모른다. ▲ 차단 해제는 3단계다. 메시지를 만들고 메시지를 꾸미고 스크립트를 붙여 넣기 한다. 메시지 만들기 클릭~ ▲ 어느 사이트에 이 기능을 넣을지 선택한다. ▲ 요 블로그에 해보기로 한다. 이렇게 보니 관리 안 하는 사이트가 참 많구나... 허... ▲ 사이트가 추가되면 한국어를 선택한다. 계속~ ▲ 메시지를 꾸미는 페이지로 넘어간다. 메시.. 2022. 12. 1.

티스토리툴바