[티스토리 최적화] 북클럽 스킨 최적화 작업_티스토리 최적화

티스토리 최적화

목차

북클럽 스킨 최적화

• 티스토리에 블로그를 사용하면서 조금도 방문자 및 우리의 목표인 애드센스 광고를 클릭할 수 있게끔 유도하기 위해서 최적의 화면을 구성할 필요가 있습니다. 블로그를 최적화 하기 위해서 설정하면 좋은 부분에 대해서 작성해 보려고 합니다.

추가 블로그 최적화 방법 확인하기!

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 으로 변경

티스토리 최적화

다른 사람들이 흥미롭게 읽은 포스팅

[티스토리 최적화] 블로그 긴 글제목 전체 표시로 변경하는 방법 (북클럽)

[티스토리 최적화] 티스토리(북클럽) 스킨 사이드바 고정하는 방법

[블로그 최적화] 애드센스 CPC 최적화 하기_블로그 수익화

[블로그 최적화] 티스토리 블로그 최적화 하여 블로그 수익 올리기.5

[블로그 최적화] 티스토리 블로그 최적화 하여 블로그 수익 올리기.4

[블로그 최적화] 티스토리 블로그 최적화 하여 블로그 수익 올리기.3

[블로그 최적화] 티스토리 블로그 최적화 하여 블로그 수익 올리기.2

[블로그 최적화] 티스토리 블로그 최적화 하여 블로그 수익 올리기.1