티스토리 뷰
티스토리 / 카테고리 New 아이콘 수정
안녕하세요 AimHo 입니다.
티스토리 불필요한 카테고리를 정리하다가 새글을 표시하는 New 아이콘이 너무 안이쁘게 보였습니다. 그래서 만능 갓구글 구글링 검색을 통해 New 아이콘 수정하는 방법을 알아냈습니다.
이 글은 꽁기웹디님 블로그의 '카테고리 NEW 아이콘 변경 & 아이콘' 글을 참고하였습니다. 제가 적용한 New 아이콘도 꽁기웹디님의 리소스를 수정해서 사용했습니다.
New 아이콘 수정
일단 블로그관리에서 스킨편집 항목으로 들어갑니다.
New 아이콘을 수정하기 위해서는 스킨편집에서 2가지만 하시면 됩니다.
1. 변경할 New 아이콘 파일업로드
보통 *.png 파일로 업로드하는데 저는 애니메이션 효과를 주기위해 *.gif 파일로 업로드 해봤습니다. 적용결과 이상없이 잘보이고 있습니다.
GIF 파일 만드는 방법이 궁금하시다면?
2. 아이콘 수정 Code 입력
<script> $('img[alt="N"]').each(function(){ $(this).replaceWith('<img src="./images/new_icon_9.gif">'); });</script>이 코드는 '스킨편집 - HTML'의 <body> 태그 사이에 넣어주시면 되는데, 위 코드에서 '<img src="./images/new_icon_9.gif">' 부분의 'new_icon_9.gif'를 업로드한 파일의 이름으로 변경해주어야 합니다.
코드를 넣고 왼쪽 새로고침 버튼을 클릭하면 적용된 모습을 미리 보실 수 있습니다. 확인 후 이상이 없으시면 오른쪽 상단의 저장버튼을 꼭 눌러주시면 끝입니다.
'@Blog' Related Articles
more
댓글
