티스토리 고래스킨 세팅시 수정할 것 4가지

여러 가지 스킨을 써보다가

최종적으로 정착한 스킨은 ＂고래스킨＂ 되겠습니다~~~🎉

개인적으로 티스토리에서 제공되는 무료스킨 중에선 북스킨,

무료로 배포중인 스킨 중에선 고래스킨을 추천하고 싶습니다.

티스토리 북클럽(Book Club) 스킨 세팅시 수정할 것 7가지 ＿φ( °-°)/

개인적으로 티스토리에서 구글애드센스광고에 사용하기에 가장 적합한 스킨이라고 생각되는 스킨은 북클럽(Book Club)스킨. 이제 북클럽 스킨으로 정착하여 사용한지도 어느덧 4개월??? 사용하면

welcomestock.tistory.com

북스킨 세팅시 수정할 것들은 위 글에 쉽게 정리되어 있으니 참고하시길 바랄게요 ^^

📋 차례
1) 포스팅 발행시간만 숨기기
2) 제목 안 잘리게 하기
3) 고래스킨 구글 애드센스 사이드바 광고 고정하는 방법
4) 제목2에 밑줄 넣기

* 이 글은 고래스킨 배포자인

고래의 개인노트 포스팅을 참고하였음을 고지합니다.

1) 포스팅 발행시간만 숨기기

스킨에 따라

발행된 글에 날짜와 시간이 모두 표기되거나

날짜만 표기되는데요.

고래스킨은 발행글에 날짜와 시간이 모두 나왔습니다.

그런데 저는 날짜만 나오는 것이 깔끔하다 생각하여 이를 변경해주었습니다.

변경방법은 아주 간단합니다.

①티스토리 설정>스킨 편집>html편집으로 들어갑니다.

②ctrl+f를 눌러 article_rep_date를 검색해봅니다.

그러면 총 7개가 나오게 되는데,

모두 article_rep_simple_date로 변경해주면 됩니다.

③상단에 있는 적용 클릭하고 나면 시간만 안 나온다는 것~!

2) 제목 안 잘리게 하기

고래스킨은 보시다시피 제목이 길면 뒷부분은 ... 으로 나오게 됩니다.

... 대신 제목이 모두 나오게 하려면 CSS를 살짝 수정해줘야 하는데요~

이 것 역시 매우 간단!

①티스토리 설정>스킨 편집>html편집에 들어가서

상단에 있는 CSS를 클릭해줍니다.

②ctrl+f를 눌러서 white-space를 찾습니다.

③여러개 중 가장 먼저 나오는 white-space: nowrap;을 white-space: normal;로 변경해줍니다.

④이렇게 하고 나면 짜잔!

제목이 아무리 길어도 다 보이게 되죠~~~?

3) 고래스킨 구글 애드센스 사이드바 광고 고정하는 방법

①티스토리 설정>스킨 편집>html편집에 들어가서

상단 메뉴에 있는 CSS를 클릭합니다.

②ctrl+f를 누른 다음 #sidebar를 검색하게 되면 여러개가 검색될텐데,

이 중 #container #main #sidebar { 부분을 변경해줘야 합니다.

사이드바 광고 고정.txt

0.00MB

③방법은

기존 코드를 다 지운 다음

위 첨부파일에 있는 코드를 붙여넣기 해주기만 하면 됩니다.

#container #main #sidebar {
margin-left: 15px;
max-width: 300px;
align-self: flex-start;
top: 2rem;
flex:1;
position: sticky;
position: -webkit-sticky;
}

④마지막에 적용 버튼 누르기는 꼭꼭 잊지 말기^^

4) 제목2에 밑줄 넣기

①티스토리 설정>스킨 편집>html편집으로 들어간 다음

상단 바에 있는 CSS를 클릭합니다.

②바로 보이는 h3 부분을

h3 {
clear: both;
margin: 29px 0 22px;
  font-size: 22px!important;
  line-height: 1.4
color: #000;
border-style: solid;
  border-width : 0px 0px 1px 14px;
  border-color: #c4c4c4;
  background-color: #fff;
  padding: 4px ;
}

위 코드로 수정해줍니다.

제목2 밑줄.txt

0.00MB

만약 복사가 안 된다면 첨부파일을 통해 해주세요.