[티스토리] 새 글 발행 여부 아이콘 색 바꾸기 / New 아이콘 색 바꾸기

티스토리 새 글 발행 여부 아이콘 색 바꾸는 법 / New 아이콘 색 바꾸는 법

 

티스토리 스킨을 열심히 꾸미다 보니.. 전혀 예상하지 못했던 부분에서 문제가 생겼다.

 

[블로그 관리 > 카테고리 관리 > 카테고리 설정] 에 "카테고리에 새 글 발행 여부를 표시합니다." 에 체크하고 저장하면 새 글 발행시 아이콘 색이 칙칙한 회색으로 보여진다.

카테고리 새 글 발행 아이콘 회색

 

기존에도 저 설정을 저장하지 않아도 새 글 발행 여부 아이콘이 떴었고, 또 주황색이라 예뻤는데..

오히려 가독성이 떨어지게 되었다.

 

New 아이콘 색 변경법

1. 12X12의 원하는 아이콘 이미지를 다운로드 받는다.

 

필자의 경우에는 그냥 구글에 "new 아이콘"을 검색해서 눈에 띄는 아이콘을 하나 다운받았다.

원본 이미지는 12x12가 아니었지만, 필자가 12x12로 다시 만들었다.

아래 이미지를 사용하고싶다면 사용해도 된다.

 

N

 

2. [블로그 관리 > 스킨 편집 > html 편집 > 파일 업로드] 에 이미지 파일을 넣는다.

 

[블로그 관리 > 스킨 편집 > html 편집 > 파일 업로드] 에 들어가서

+추가 버튼을 누른 뒤 아이콘 이미지를 넣는다.

 

파일업로드에 이미지 넣기

 

3. HTML 코드 수정

 

이제 HTML 코드 버튼을 누르고, </body> 바로 윗부분에 아래 코드를 넣는다.

 

<script>

$('img[alt="N"]').each(function(){

    $(this).replaceWith('<img src="./images/n.png">');

});

 

여기서  "./images/n.png" 이 부분을 각자 추가한 이미지 이름으로 바꿔줘야 한다.

 

결과

바뀐 New 아이콘

 

성공적으로 바뀌었다.