Look and Find what i've done.
Tistory Tip

티스토리 새글알림 아이콘 이미지 변경하기

티스토리 블로그에서 새글알림은 회색 아이콘으로 표시되어 디자인을 생각하시는 분이라면, 더욱 예쁜 아이콘으로 변경이 가능합니다. 아이콘은 png 파일 혹은 svg로 설정이 가능하며, IE의 경우에는 호환되지 않는 svg보다는 png로 적용시키는 것이 더 좋습니다.

<!-- 새글알림 아이콘변경 시작 --> <script> $('img[alt="N"]').each(function(){     $(this).replaceWith('<img src="./images/new_icon_8.png" alt="아이콘">'); }); </script> <script> $('img[src*="new_ico_1"]').each(function(){     $(this).replaceWith('<img src="./images/new_icon_8.png" alt="아이콘">'); }); </script>

new_icon_8.zip


티스토리 게시글 NEW 아이콘 변경!

카테고리 NEW 아이콘 변경 & 아이콘


본 사이트의 경우에는 아이콘 이미지는 위의 사이트에서 공유받아 사용하고 있습니다. 포트폴리오 스킨의 경우에는 위의 방식으로 카테고리 아이콘과 카테고리를 클릭했을 때의 리스트 아이콘으로 치환하여 사용할 수 있습니다.


만약, 위의 경우에도 카테고리 리스트가 수정이 안된다면 아래의 값을 찾아 기존의 아이콘 이미지의 위치나 css의 속성값을 입력해줘야 합니다.

<script> $('.list img').each(function(){ $(this).replaceWith(' <img src="./images/new_icon_8.png" alt="아이콘">'); }); </script>

<img src="./images/new_icon_8.png">의 주소는 이미지 파일명과 티스토리 - 파일업로드의 아이콘 파일 주소값을 입력해주면 됩니다.


티스토리 새글알림 아이콘

사이드 메뉴 바를 클릭하면 표시되는 새글알림 아이콘 이미지 변경 모습입니다.



티스토리 새글알림 아이콘


사이드 메뉴 바를 클릭하여, 카테고리를 클릭하면 표시되는 새글알림 아이콘 이미지 변경 모습입니다.