목차
북클럽 스킨 최적화
- 티스토리에 블로그를 사용하면서 조금도 방문자 및 우리의 목표인 애드센스 광고를 클릭할 수 있게끔 유도하기 위해서 최적의 화면을 구성할 필요가 있습니다. 블로그를 최적화 하기 위해서 설정하면 좋은 부분에 대해서 작성해 보려고 합니다.
1. 본문의 제목 배경을 어둡게 해서 제목글씨를 잘보이게 하기
블로그 설정 ▶ 꾸미기 ▶ 스킨 편집 ▶ CSS 선택
Ctrl+f 입력 ▶ post-cover:before를 입력 ▶ background-color:rgba(0,0,0,25) ▶ background-color:rgba(0,0,0,1) 변경
투명도를 조절하는 것으로 숫자를 1로 변경하면 배경이 검은색으로 변경됩니다.
화면의 투명도를 1로 하게 되면 제목의 글자가 좀더 잘보이게 됩니다.
2. 제목이 잘리지 않게 하기
블로그 설정 ▶ 꾸미기 ▶ 스킨 편집 ▶ CSS 선택
Ctrl+f 입력 ▶ white-space 입력 ▶white-space 옵션을 nowrap 에서 normal 로 변경
nowrap을 normal로 변경하게 되면 위와 같이 다보이지 않는 제목을 다 볼수 있게 변경할 수 있습니다.
3. 블로그 스킨 넓이를 수정하기
블로그 설정 ▶ 꾸미기 ▶ 스킨 편집 ▶ CSS 선택
Ctrl+f 입력 ▶ #content 입력 ▶ 339번줄 width: 68.518518518518519%; 를 width: 690px; 로 변경
4. 블로그 글 본문의 제목 높이 설정하기
블로그 설정 ▶ 꾸미기 ▶ 스킨 편집 ▶ CSS 선택
Ctrl+f 입력 ▶ .post-cover 입력 ▶ height: 340px; 값을 숫자로 줄임 340px 이하로 줄이면 아래와 같이 제목 높이가 달라집니다.
5. 블로그 글 본문의 글씨 두껍게 만들기
블로그 설정 ▶ 꾸미기 ▶ 스킨 편집 ▶ CSS 선택
Ctrl+f 입력 ▶ .post-cover h1 입력 ▶ font-weight 의 값을 300에서 그 이상 값으로 변경
6. 홈 화면에서 포스팅된 글의 썸네일을 정사각형으로 만들기
블로그 설정 ▶ 꾸미기 ▶ 스킨 편집 ▶ CSS 선택
Ctrl+f 입력 ▶ .list-type-thumbnail .post-item .thum img 입력 ▶ width: 126px; height: auto; 값을 모두 150px로 변경
HTML 선택 ▶ Ctrl+f 입력 ▶ <s_article_related_rep> 검색 ▶ C176x120 를 R200x200 으로 변경
다른 사람들이 흥미롭게 읽은 포스팅
'IT' 카테고리의 다른 글
[블로그 최적화] 구글 티스토리 네이버 블로그 운영 도움되는 사이트 Top7 (17) | 2023.08.26 |
---|---|
[블로그] 키워드 분석 및 검색 사이트 추천 베스트5 (20) | 2023.06.13 |
[티스토리 최적화] 블로그 긴 글제목 전체 표시로 변경하는 방법 (북클럽) (25) | 2023.03.05 |
[티스토리 최적화] 티스토리(북클럽) 스킨 사이드바 고정하는 방법 (7) | 2023.03.05 |
[구글 광고] 구글 광고 키워드별 단가 확인 하는 방법_애드센스 (19) | 2023.03.04 |
댓글