공부하는 반백수

자유로운 삶을 위한 준비 ☆


IT·인터넷/티스토리 블로그 9

티스토리 대표 이미지를 본문에서 숨기는 방법 (2022 업데이트 Ver)

오랜만에 티스토리에서 글을 쓰고 이전과 같이 대표 썸네일을 본문에서 숨기려고 했는데 이미지 코드가 달라진 것 같은 느낌적인 느낌 아니나 다를까 style 코드가 적용되지 않더라고요 ^^ 다른 방법을 찾아서 공유해봅니다!! ① 글쓰기 도구 > HTML 창에 접속해주세요. ② 숨김처리 되어야 할 대표 이미지를 둘러싼 ... 태그를 ... 로 변경하여 저장해주시면 됩니다. 알고 나면 별거 아닌데 매우 당황스러웠네요 ㅎㅎ


티스토리 오디세이 스킨 배경색 설정하기 (컬러코드 확인하는 방법)

티스토리 스킨 배경에 색상을 입히는 코드입니다 :) 현재 저의 스킨은 색상코드 #f1efec 적용되어있습니다. 티스토리 관리자에서 스킨편집모드 > html 편집창으로 접속해주세요. CSS 페이지의 body 부분에 background:컬러번호; 를 작성하면 됩니다. 검색 영역의 흰 배경이 보이는 게 싫다면 .util .search 클래스의 background-color:#fff; 부분을 삭제하고 저장하면 됩니다. 컬러번호(컬러코드)를 확인하는 방법 아래 링크에서 마우스 드래그만으로 찾는 것이 가능합니다 :) htmlcolorcodes.com/ HTML Color Codes Easily find HTML color codes for your website using our color picker, color..


오디세이 스킨 본문 상단 이미지 없애고 사용하는 방법 코드공유

오디세이 스킨 본문 상단 이미지를 없애고 사용하는 방법을 궁금해하실 수 있을 것 같아서 (달아주시는 댓글을 보면 실제로 조금 있으신 것 같기도 하고요) CSS 코드를 공유하기로 했습니다 :) 본래는 오디세이 적용 예시 스킨과 같이 대표 이미지가 스킨 본문의 상단에 백그라운드 이미지로 설정되어있는 형태입니다. 이미지 위로 카테고리와 타이틀, 작성일자가 표시됩니다. 저는 이 부분을 코드 변경하여 아래와 같은 형태로 사용하고 있습니다 :) 배경 이미지 없이 카테고리명과 제목, 작성일자가 표시되고 아래로 라인을 설정하였습니다. 모바일에서도 동일한 형태로 노출됩니다. 코드를 수정하기 전에는 반드시 이전 코드로 되돌릴 수 있도록 메모장 같은 곳에 css 코드를 백업해두시고 진행하시는 것 추천드립니다. 오류나는 경우..


블로그 대표 이미지를 본문에서 숨기는 방법

대표 이미지를 본문에서 숨기는 방법을 궁금해 하셔서 방법 정리합니다 :) 아주 간단합니다. 1. 첨부 버튼으로 이미지를 업로드 해주세요 대표로 지정 할 이미지를 클릭하여 대표로 설정해주세요. 2. HTML 보기 화면 설정하여 대표로 설정한 이미지 태그에 style="display:none;" 코드를 심어주고 기본모드로 돌아오면 대표 이미지가 본문상에서는 노출되지 않게 됩니다. 포스팅 내용이 많은 경우 대표 이미지를 어디에 설정했는지 헷갈릴 수 있습니다. 대표 이미지는 항상 글 작성 후, 가장 마지막에 업로드하고 코드를 수정하고 있습니다 :)


오디세이스킨 폰트 확인하고 변경하기 feat. 구글 웹 폰트

구글 웹폰트를 사용하는 방법은 이전 글인 쇼핑몰에 구글 웹폰트 적용하기에서 다루었습니다만, 티스토리 블로그에도 적용이 가능하기 때문에 한번 더 포스팅합니다. 사용중인 스킨인 오디세이에 실제로 어떻게 적용이 되는지 간단히 확인해보겠습니다 :) 카페24 쇼핑몰에 구글 웹폰트 적용하기는 아래 글 참고해주시면 됩니다. [카페24 쇼핑몰] - 스마트 디자인 쇼핑몰에 구글 웹 폰트 적용하기 구글 웹폰트에 접속해서 적용 원하는 한글 웹폰트를 찾아보겠습니다. fonts.google.com/ Language 클릭하여 Korean 선택하면 한글 웹폰트를 확인할 수 있습니다. Sunflower라는 폰트가 괜찮아 보여서 적용해보겠습니다. 상세페이지로 들어가서 300, 500, 700 굵기 모두 선택하여 Embed의 코드 복사..


티스토리 사이드바에 광고넣는 방법!

사이드바에 카카오톡 애드핏 광고만 넣었는데 애드센스 광고도 넣어보았습니다. 애드핏은 Daum Adfit 플러그인에서 사이드바 광고까지 넣어주던데 애드센스는 또 다른 방법으로 넣어야 하는 것 같더라고요. 검색하지 않고는 넣는 방법을 전혀 모르겠기에 잊기 전에 기록으로 남겨 볼 겸 포스팅합니다. www.google.co.kr/intl/ko_kr/adsense/start/?utm_campaign=1001272-adsense-acquisition-kr-ko-hybrid-bkws Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www..


오디세이 스킨으로 변경했습니다 (feat. 로딩 속도와 메타태그)

블로그 스킨을 오디세이로 변경했습니다! 새로 나왔기도 하고 사이드바가 있는 스킨을 사용하고 싶었거든요. 사용하던 왓에버 스킨에서 피씨만 사이드바를 만들어서 사용하려고 했는데 애드센스가 빨리 로딩되지 않는 거 같아서 그냥 스킨을 바꿔보았습니다. 북클럽이랑 왓에버를 사용해봤는데 오디세이로 설정하니까 체감상 광고 로딩이 빠른 기분이네요. 가로가 좁은 스킨이라 갑갑해서 CSS를 여기저기 손보았습니다. (아직 수정하고 싶은 곳이 꽤 있기는 하지만) 총가로를 40px정도 늘리고 글 내용 컨텐츠를 88px 정도 늘리고 우측 사이드바는 50px 정도 줄였습니다. 그래도 좁은 감이 있지만 요 정도로 만족하기로 했습니다. 사실 처음엔 가로 사이즈를 1200px 정도로 늘리려고 했는데 반응형이다 보니 미디어 쿼리 확인하는 ..


블로그 초심자 운영방향에 대한 생각

요즘 유튜브 보면 ooo로 돈 벌었어요 시리즈가 워낙 많아서 '어 나도?' 하고 솔깃해지기 쉬운 것 같다. 벌어본 자의 여유를 보다 보면 나도 저런 여유를 어서 빨리 가질 수 있을 것만 같다. 주 직업을 가지고 제2의 뭔가를 성공시킨다는 게 쉬운 일이 아니기 때문에 시작은 했으나 끝이 없었던 경험이 아주 많다. 지금 하는 블로그도 그러한 길을 가지는 않을까 걱정되지만 여태 해본 것 중에 제일 뭐랄까.. 재미라는 것이 있는 편이다. 내일은 뭐 쓰지 어떤 거 쓰지 생각하는 일이 그렇게 싫지만은 않다는 게 나로선 호재다. 티스토리 블로그를 왜 시작했는가 하면 단순하다 투자금 없이 돈 버는 게 최고라고 생각했기 때문이다. 투자 시간이야 뭘 하든 드는 거기 때문에 그리고 글 쓰는 것은 그렇게 시간이 들지 않을 거..


구글 애드센스 승인 기간 기준과 코드 html 넣기

애드센스 승인을 목표로 티스토리 블로그를 시작한 지 대략 한 달 정도 되었습니다. 7월 중순에 블로그를 만들었고 8월 초에 애드센스를 신청했어요. 8월 7일에 신청하고 8월 12일날 구글에서 승인메일이 왔으니 신청에서 승인까지 일주일 정도 소요된 거 같네요 :) 얼른 애드센스를 신청하고 싶어서 기준이라고 생각하는 부분을 나름대로 잘 지켜서 글을 업로드했습니다. 포털을 검색하고 리남님 강의를 듣고 보고 한 결과 제가 생각한 기준이 몇 가지 있어요. 1. 글은 1~2일에 한 번씩 작성했습니다. (최대 3일 텀) 2. 한 포스팅당 공백 제외 1000자 이상 업로드했습니다. 3. 글 작성 시 이미지 개수나 링크 연결은 따로 신경 쓰지 않았습니다. (글에서 필요하다 싶으면 연결함) 4. 스킨은 큰 영향이 있나 싶..