반응형

 

티스토리 광고만 붙여놓고 운영을 하지 않았는데 광고가 이렇게 본문 중간에 덕지덕지 붙어있을지는 상상도 못했다..

분명 난 앞에와 뒤에만 설정을 헀는데 본문에도 광고가 계속 들어가 있을줄이야..

광고 설정

 

으 광고 너무 많음

에디터 영역에 광고가 들어가있는 화면

 

 

후.. 에디터에 광고가 덕지덕지 있으면 나 같아도 읽기 싫다. 그래서 어떻게 없앴다 어떻게?

 

HTML 이용해서!

 

티스토리 블로그 관리 > 꾸미기  > 스킨편집 에 들어가서  html 편집 클릭

 

html 편집화면

 

 

CSS 영역에 아래 추가 해주면 된다.

.contents_style은 글이 올라오는 에디터 div의 class 네임이고 .google-auto-placed는 애드센스 광고 영역이라서 에디터 div안에 애드센스 광고만 차단하게 된다.

 

 

.contents_style .google-auto-placed {
   display: none !important;
}



에디터 엔터(내어쓰기) 추가 되는거 막았더니 div Class 이름이 아래처럼 바꼈다.

.tt_article_useless_p_margin contents_style .google-auto-placed {
   display: none !important;
}

 

 

내 CSS 파일

 

 

그러면 귀신같이 광고가 사라져서 가독성이 좋아진다. 끝!

반응형
반응형

1. 변경 전 사진

 

 

맨처음 CSS를 변경하지 않았을 경우의 사진입니다.

 

2. 사이드바의 ▷ 색상 변경

 

CSS 파일에서 

/*

 * sidebar

 */

로 부터 구성되어있는 부분을 찾아줍니다. (Ctrl + F를 통해 category 를 찾아도 가능)

 

찾았다면

 #sidebar .category { color : #ff0000;}

를 등록하면 바뀌게 됩니다. (#ff0000 은 빨강색)

 

3. 카테고리의 주제 색상 변경

 

본문의 주제 부분의 색상을 바꿔보겠습니다. 

그 전에 F12 를 통해 본문과 아래 것들의 html 명칭을 확인해 줍니다.

 

a.link_item으로 구성되어있는것을 볼 수 있습니다.

 

a.link_sub_item으로 구성되어있는것을 볼 수 있습니다.

 

4. 결론

#sidebar .category ul li ul li .link_item { color: #ff0000; font-weight: bold;}

를 CSS에 추가하게 되면 본문은 색상이 빨갛게 변하는 것을 볼 수있습니다.

 

아래것들의 디자인을 바꾸고 싶다면?

 

#sidebar .category ul li ul li .link_sub_item { }

를사용하게 되면 바뀌게 되겠습니다.

 

끄읏!

 

반응형

+ Recent posts