본문 바로가기
thumbnail 티스토리 블로그 글 리스트에 구분선(가로줄) 넣기 티스토리 블로그의 글(포스팅) 리스트에 가로줄(구분선)을 넣는 방법입니다. 현재 저는 스킨은 "북클럽(Book Club)"을 사용하고 리스트 타입은 "뉴북"으로 사용하고 있습니다. 그렇지만 글 리스트에 가로줄 넣는 방법은 아마 다른 스킨들도 같은 방법으로 사용하실 수 있을 겁니다. ■ 북클럽 스킨 글 리스트에 구분선(가로줄) 넣기 샘플로 제 블로그의 글 리스트를 가져왔습니다. 아래 그림과 같이 글의 제목과 본문 일부분이 왼쪽편으로 나타나고, 오른쪽편으로는 썸네일이 표시되고 있습니다. 글과 글 사이에는 현재 아무런 구분선 없이 공백으로 되어 있는데요, 뭔가 허전한 느낌이라 구분선을 넣어 보기 좋게 만들고자 합니다. "블로그 관리 → HTML 편집 → CSS파일"로 이동해줍니다. CSS에서 2248번열 부근.. 2021. 11. 3.
thumbnail 티스토리 블로그 '리스트' 기능 폰트 사이즈 및 들여쓰기 등 수정하기 티스토리 블로그 에디터를 활용하여 포스팅을 작성하실 때 사용하시는 기능 중에 '리스트' 기능이 있습니다. 아래 그림과 같이 3가지 종류의 목록(검은색 동글뱅이, 하얀색 동글뱅이, 숫자)을 선택하여 사용하는 기능인데, 해당 아이콘 위에 '마우스 오버'를 해보면 '리스트'라고 나타나기 때문에 '리스트' 기능이라고 부르겠습니다. ■ '리스트' 기능 스타일 수정 필요성 이런저런 글을 작성하다 보면 주요 내용들을 List-up 하여 정리할 필요가 있는데, 이때 사용하기 좋은 기능이 바로 이 '리스트' 기능입니다. 저 역시 이 기능을 매우 애정 하며 사용하고 있는데요. 그런데 '리스트' 기능을 이용하여 작성된 부분의 폰트 사이즈나 들여 쓰기, 윗줄과 아랫줄 사이 간격 등이 마음에 들지 않는 부분이 많았습니다. 아마.. 2021. 11. 2.
thumbnail 티스토리 블로그 제목(h1~h4) 및 본문(p) 폰트 사이즈 조절 티스토리 블로그 에디터에서 포스팅을 작성하는 과정에서 폰트 사이즈(제목 1, 제목 2, 제목 3, 본문 1, 본문 2, 본문 3)를 활용하여 글을 작성하고 계실 겁니다. 여기서 각각의 폰트 사이즈를 조절하는 방법에 대해서 알아보겠습니다. ■ 제목(h1~h4) 폰트 사이즈 조절하기 에디터 우측 상단을 보시면 기본적으로 '본문 2'로 세팅되어 있는 부분이 보이실 텐데, 이 부분을 눌러주시면 '제목 1, 제목 2, 제목 3, 본문 1, 본문 2, 본문 3'과 같이 폰트 사이즈를 조절할 수 있도록 되어 있는 부분이 보이실 겁니다. 아마 다들 글을 작성하실 때 이미 사용하고 계실 것 같은데요. 여기서 선택되는 항목에 따라 정해진 폰트 크기로 글이 작성됩니다. 그런데, 이 크기가 마음에 들지 않아 수정하고 싶은 경.. 2021. 10. 30.
thumbnail Bing 웹 마스터 도구에서 내 블로그 SEO 문제 확인해보기 많은 사람들이 본인이 작성한 글이 구글이나, 네이버, 다음 등 검색사이트에서 상단에 노출되기를 희망합니다. 무엇보다 도 양질의 글을 쓰는 것이 최우선이겠지만, SEO 기준 또한 잘 만족하여 글을 작성해주어야 검색엔진에게 선택받을 확률이 높아집니다. ■ SEO 란? SEO(Search Engine Optimizatino)란 검색 엔진 최적화를 의미하는 것으로, 웹사이트 트래픽의 품질과 양을 개선하는 과정을 의미합니다. 검색 엔진 최적화라는 부분은 사실 매우 어려운 내용까지 포함하고 있기 때문에 일반 블로그 유저 입장에서 모두 파악하여 대응하기란 쉽지 않지만, 최소한의 수준에서라도 준수해야 할 사항들은 준수해주는 것이 좋습니다. 그런 측면에서 Bing 웹마스터 도구는 매우 좋은 기능을 가지고 있습니다. Bi.. 2021. 10. 28.
thumbnail 티스토리 블로그 ZUM 검색 등록하기 국내에서는 검색엔진으로 구글, 네이버, 다음 등이 가장 유명하지만, 그 외에도 ZUM, Bing, Yahoo 등이 있지요. Bing은 이미 지난 포스팅에서 등록방법을 알아보았으니 오늘은 ZUM에 사이트 등록하는 방법에 대해 알아보겠습니다. ZUM 등록방법은 매우 단순하니 쉽게 따라 해 보시기 바랍니다. (참고로 Yahoo는 Bing과 제휴하고 있기 때문에 Bing 검색등록을 하면 별도로 등록할 필요가 없다고 합니다.) ZUM 검색 등록하기 아무 검색 사이트에서 "ZUM 검색등록"이라고 검색하면 "ZUM 고객센터 - 사이트 검색 등록" 화면으로 접속할 수 있습니다. (검색이 귀찮으신 분은 아래 링크로 들어가셔도 됩니다) ZUM - 사이트 검색등록 help.zum.com 신규등록 버튼을 선택하면 아래 그림과.. 2021. 10. 25.
thumbnail 티스토리 블로그 네이버 검색 등록하기(서치 어드바이저) 세계적으로 검색엔진 시장에서 구글은 압도적인 1위를 유지하고 있지만, 국내에서는 아직까지 네이버가 1위를 단단히 수성하고 있습니다. 티스토리 블로그가 네이버에서 정상적으로 검색되고 사용자들이 유입되기 위해서는 네이버에 검색 등록을 진행해 주어야 합니다. 참고로, 티스토리 블로그는 다음카카오 서비스라서 Daum에는 별도로 검색 등록을 해주지 않아도 무방합니다. 1. 네이버 서치어드바이저(Naver Search Advisor) 웹마스터 도구 등록하기 네이버 서치어드바이저 홈페이지로 들어갑니다. 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 네이버 서치 어드바이저 우측 상단에 "웹마스터 도구"를 선택해주면, 네이버 서치어드바이저 이.. 2021. 10. 23.
thumbnail 티스토리 블로그 구글(구글 서치 콘솔) & Bing 검색 등록하기 블로그를 개설 후 검색엔진에서 검색될 수 있도록 등록하는 방법을 알아보겠습니다. 세계적으로 가장 큰 검색사이트는 구글(Google)이고, 1위와 많은 차이가 나긴 하지만 2위는 Bing입니다. 따라서 Google과 Bing에 검색등록을 하는 것은 필수겠지요. 오늘 Google과 Bing에 검색등록을 진행해보도록 하겠습니다. 1. Google Search Console(구글 서치 콘솔) 검색 등록하기 구글에서 내 블로그가 검색되도록 하기 위해서는 Google Search Console이라는 곳에 내 블로그를 등록해주어야 합니다. 과거에는 HTML 편집 등을 통해 블로그의 소유확인을 하는 등 다소 복잡한 과정이 있었지만, 최근에는 티스토리에서 플러그인을 통해서 쉽게 등록할 수 있게 변경되었습니다. "블로그 .. 2021. 10. 20.
thumbnail [티스토리 초기설정] 북클럽 스킨 썸네일 수정방법 (정사각형 만들기) 블로그 글 목록에 표시되는 썸네일의 사이즈때문에 이미지가 잘려 나오는 경우 수정하는 방법입니다. 현재 북클럽 스킨을 사용하고 있는데, 정성껏 만든 썸네일이 좌우로 잘려서 예쁘게 나오지 않는 관계로 썸네일 사이즈를 정사각형으로 변경하는 방법을 알아보겠습니다. ■ 좌우가 잘려나가는 썸네일 이미지 (아래 위로 긴 직사각형 형태) 아래 그림과 같이 현재 블로그 글 목록의 썸네일 이미지가 좌우로 잘려나가는 문제가 있습니다. 북클럽 스킨 자체가 책을 소개하는 목적으로 만들어진 스킨이다 보니 책 모양에 알맞도록 아래 위로 약간 긴 책 형태의 썸네일 사이즈를 가지고 있는것 같습니다. 글에 포함되는 썸네일 자체를 현재 사이즈에 알맞은 형태로 제작하여 사용하는 방법도 있겠으나, 개인적으로 정사각형 모양이 더 마음에 드니,.. 2021. 10. 17.
반응형