티스토리 새 발행글 카테고리에 표시되는 N 아이콘 색상 변경하기

Posted by sunstar
블로그 팁

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_1


저는 현재 사용 중인 FastBoot 스킨을 한 일년여 전에 적용해 놓고 그동안 한번도 건들지 않고 있었는데요.

그러다 어제 스킨 보관함에서 그 이전 스킨을 꺼내올 일이 있어 잠깐 적용했다가 다시 되돌아 오니 이상한 일이 벌어졌더군요.


바로 카테고리 모튤에 표시되는 N 아이콘이 주황색에서 회색으로 변해 있는 겁니다~헐

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_2


그래서 블로그관리 홈 > 카테고리 관리로 들어가 새 글 아이콘 색상을 변경할 요량으로 카테고리 설정 섹션을 둘러보니 새 글 색상을 지정해 주는 옵션이 없어졌더군요.


블로그관리 홈 업데이트가 모두 좋은 건 아니라고 생각하면서...

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_3


맥을 놓고 있다가... 구글링으로 도움을 받기로 했습니다.

그랬더니 역시나 티스토리 블로그에는 선지자 분들이 계시더군요.


업데이트된 티스토리 카테고리 설정에서는 현재 새 글을 발행했을 때 표시되는 N 아이콘 색상을 블로그 운영자가 지정하는 옵션이 없고 회색으로만 표시됩니다.


따라서 스크립트를 이용한 트릭 팁을 추가해 줘야 하는데요.

선지자 분들이 공유해 주신 팁을 제 블로그에 적용하고 아직 못본 분들을 위해 숟가락 하나 얹어 보도록 하겠습니다.


새 글 발행 시 표시되는 N 아이콘 주황색으로 변경하기


새 글 발행 시 표시되는 아이콘이 회색이라면 가독성이라고 해야하나 아무래도 눈에 확 띠지를 않습니다.

그래서 눈에 잘 들어오는 색상인 주황색으로 변경하는 팁인데요.


일단 주황색 N 아이콘 파일이 들어있는 아래 첨부 파일을 내려받으시구요.


New_Post.zip


1.

내려받은 zip 파일의 압축을 풀고 블로그관리 홈 > 스킨 편집 > html 편집 > 파일업로드로 이동, 하단 +추가 버튼을 눌러 압축을 푼 폴더를 열어 gif 파일을 업로드하고 적용 버튼을 눌러 줍니다.

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_4

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_5

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_6

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_7


2.


그리고 HTML을 탭하고 이동, 오른쪽 HTML 화면을 맨 아래로 스크롤해서 </body>부분 바로 위에 아래 스크립트를 추가해 주고...

<script>

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

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

});

</script>

위 코드 복사가 안 되는 분은 첨부된 텍스트 파일을 내려받아 사용하시길요. 새글_아이콘_주황색_변경_스크립트.txt


적용 버튼을 누른 후 왼쪽 미리보기 창 상단 새로고침 버튼을 누르면 카테고리 모튤의 새 발행글은 이전처럼 주황색으로 변경됩니다.

티스토리새발행글카테고리에표시되는N아이콘색상변경하기_8


티스토리새발행글카테고리에표시되는N아이콘색상변경하기_9



이 댓글을 비밀 댓글로
  1. 정말 유용하게 잘 사용 했습니다. 감사합니다.