이전에 카테고리 new아이콘의 색상을 변경하는 방법에 대해 소개해드렸는데요. 오늘은 블로그 카테고리를 접는 방법에 대해 소개해드려보겠습니다. 의외로 간단하게 변경이 가능해서 놀랐습니다. 그럼 한 번 천천히 따라서 변경해볼까요. 티스토리 카테고리 접기 제 카테고리는 굉장히 많아서 줄이 엄청 긴데요. 이것도 최대한 줄인건데도 말이죠. 어느 날 길게 펼쳐놓을 카테고리가 너무 정신없어 보여서 줄여보고 싶더라구요. 세부 카테고리를 접어버리고 메인카테고리만 남기면 총 6개로 무척 깔끔해질 것 같더라구요. 그럼 카테고리를 한 번 접어보도록 하겠습니다. 스킨편집으로 들어갑니다. 늘상 CSS편집으로 많이 들어가서 수정했는데, 오늘은 HTML 편집만으로 간단히 해결할 수 있어요. HTML편집란에서 ctrl+f를 눌러 ca..

오늘은 카테고리 글자 옆에 새로운 글이 올라올 때마다 표시되는 NEW 아이콘 색상을 수정해보려고 합니다. 이전에 글자색이나 배경색같은 것은 비교적 쉽게 바꿨기에, NEW 아이콘 색상도 쉽게 변경할 줄 알았는데요. 생각보다 변경하는 방법을 찾기가 무척 어렵더라구요. 그래도 다행히 수많은 시행착오 끝에 겨우 알아냈네요. 혹시나 저처럼 변경을 하고싶으셨던 분들은 저처럼 시행착오하지 마시고 쉽게 변경하시길 바라는 마음에 포스팅으로 남겨봅니다. 회색 new 아이콘 색상 변경하기 북클립스킨은 기본적으로 회색으로 NEW 아이콘이 표시되는데요. 어차피 새글 올라올때 알려주는 기능인데, 이왕이면 이쁜 색상을 기본으로 해주지 회색이 뭡니까. 그래도 전체적으로 무난하고 자연스러운 걸 좋아하시는 분들은 기본으로도 충분할 것 ..

안녕하세요. 이전에 썸네일 이미지를 왼쪽에서 오른쪽으로 옮기는 방법에 대해 안내를 드렸는데요. 오늘은 썸네일 수정 두 번째. 이미지 사이즈를 줄이는 방법에 대해 소개해 보도록 하겠습니다. 티스토리 썸네일 이미지 크기 변경하는 방법 현재 제 섬내일 사이즈는 세로로 긴 직사각형인데요. 정사각형으로 보기 좋게 바꿔보려고 해요. 썸네일 크기를 제대로 수정하기 위해서는 2곳을 수정해주어야 합니다. 우선 크기를 먼저 변경해볼께요. 스킨편집에 CSS편집으로 들어가 줍니다. ctrl+f를 눌러 list-type-thumbnail 을 검색해줍니다. 검색하면 일정 구간이 노란색으로 표시되는 것을 보실 수 있는데요. thum img가 쓰여있는 구간을 찾으시면 됩니다. 기존에는 height(높이)가 auto(자동)으로 되어 ..

이전에 본문 글자 크기와 폰트를 바꾸는 방법에 대해 안내를 드렸는데요. 오늘은 글자를 진하고 굵게 바꾸는 방법에 대해 소개해보려고 합니다. 본문 글자 굵게 변경하는 방법 기본 설정으로 되어 있는 글자의 굵기는 조금 흐린 것 같아서, 좀 더 가독성이 좋도록 바꿔보려고 해요. 수정 전 글자는 뭔가 검정색이라고 하기에는 약간 흐린더라구요. 기본 설정으로는 포스팅 글쓰기를 쓸 때 볼 수 있듯이 #333333인 어두운 회색으로 되어 있는 것을 알 수 있어요. 물론 북클립스킨 기준입니다. 다른 스킨도 동일한지는 잘 모르겠습니다. 혹시 다른 스킨이신 분들은 그래도 변경하는 코드나 방식은 비슷할 듯 하여 참고만 하시길 바랍니다. 글자를 진하고 굵게 보이게 만들기 위해 오늘은 2곳을 변경해보도록 하겠습니다. 첫번째로는 ..

이전에 블로그 제목 글씨 색상을 변경하는 방법에 대해 소개를 해드렸는데요. 오늘은 블로그 제목의 배경색을 변경하는 방법을 소개해보도록 하겠습니다. 티스토리 블로그 제목 배경색 변경방법 제가 사용하는 [북클립 스킨] 기준으로 기본 배경색은 흰색으로 지정되어 있는데요. 하단 포스팅 글들과 색으로 구별을 해주면 좋지 않을까 싶어서 제목 배경쪽에만 색을 넣어주려고 합니다. 스킨편집에 들어가서 CSS편집으로 들어가 줍니다. 제목을 뜻하는 header를 찾아주세요. ctrl+f를 눌러 검색하시면 더 찾기 쉬우실 꺼에요. 그런데 보통 header는 상단쯤에 위치하고 있어서 찾기 어렵지 않았어요. header란엔 기본적으로 border-bottom 설정값 밖에 없는 걸 알 수 있는데요. 바로 아래쪽에 backgroun..

이전에 블로그 제목을 다른 색으로 변경하는 방법을 안내드렸는데요. 오늘은 그 외에 티스토리 블로그 제목을 꾸미는 여러 방법들을 소개해드리려고 합니다. 글자 크기에서부터 자간 그리고 위치 변경까지 하나씩 순서대로 설명하도록 하겠습니다. 천천히 따라와주세요. 티스토리 블로그 제목 수정하기 꾸미기 전 제 블로그 제목의 상태는 이렇습니다. 현재는 글씨체와 색만 변경되어 있는 상태죠. 그럼 변경을 위해 스킨편집 > CSS 로 들어갑니다. ctrl+f 눌러 검색창을 활성화시킵니다. 제목을 수정하기 위한 곳을 찾아야 하기 때문에 header h1이라고 쓰고 엔터를 칩니다. header는 제목을 의미하고, h1은 제목들 중에서 가장 상단에 있는 걸 의미해요. 본문제목이나 이런 것들은 h2, h3 이렇게 순차적으로 이름..

오늘은 본문의 글자 크기를 변경하는 방법에 대해 소개해보려고 합니다. 글자 크기 변경과 관련하여 px, em, pt로 나뉘는 다양한 표기법의 종류와 차이도 같이 알아보도록 하겠습니다. 티스토리 본문 글자 크기 변경하는 방법 보통 포스팅에 글쓰기를 할 때 기본적으로 본문2에 맞춰져 있는 것을 알 수 있는데요. 글자를 줄이거나 크게 변경하기 위해 본문3 또는 본문1을 사용해서 쓰거나, 이미 쓴 글에 적용시키면 되는데요. 기존의 본문2의 경우 글씨가 조금 작아서 그런지 답답하다고 느꼈는데요. 그래서 항상 본문1로 변경하고 사용했던 기억이 나요. 하지만 또 쓰다보면 다시 기본 본문2로 돌아가버려서, 매번 전체 드래그하고 다시 수정해야 하는 번거로움이 있었죠. 이렇게 매번 변경하는 것이 너무 귀찮고 번거로워서, ..

최근에 상단 메뉴 색상을 변경을 소개해드렸는데요. 오늘은 블로그 제목 색상을 변경해보려고 합니다. 그럼 하나씩 천천히 변경하는 방법을 소개해보도록 하겠습니다. 블로그 제목 색상 변경하는 방법 스킨 CSS편집으로 들어가줍니다. ctrl+f를 누르고 header h1 a를 검색하면 노란색 부분으로 표시가 되는데요. 이 구간에 color 부분의 색만 변경해주면 됩니다. 색 변경 코드를 어떻게 해야 할지 모르겠다는 분들은 네이버나 구글 검색창에 웹색상표를 검색하여 원하는 색 코드를 찾으시면 됩니다. 파란색을 좋아하는터라 기존에는 하늘색으로 제목 색상을 지정해놨었는데요. 블로그 배경색이 흰색이라 그런지 하늘색 제목이 눈에 잘 안 띄는 것 같아 조금 진한 파랑색으로 변경했습니다. 좀 더 주목성이 높도록 말이죠. 청..

스킨 수정해나가는 재미를 쏠쏠하게 느끼면서 여러 가지 바꿔보던 중 위 상단에 있는 메뉴의 색도 변경해볼 수 있지 않을까 열심히 시도해본 결과 간신히 알아냈는데요. 오늘은 그렇게 알게 된 티스토리 블로그 상단 메뉴의 글자와 하단 바의 색을 변경하는 방법을 소개해보도록 하겠습니다. 제가 사용중인 북클립스킨 기준의 수정방법이라 이 점은 참고 부탁드립니다. 상단 메뉴 색 변경하는 방법 소개 스킨에 따라 메뉴란 없을 수도 있지만 제가 사용하는 북클립스킨은 상단 메뉴가 기본설정으로 있더라구요. 계정관리의 꾸미기란에 메뉴 항목이 있는데요. 메뉴를 추가하지 않고 그냥 빈 공간으로 두셔도 되고, 저처럼 메뉴를 추가해서 카테고리를 설정하실 수도 있습니다. 사이브바와 다른 점은 자신이 원하는 카테고리 항목을 따로 구성할 수..