Korean English Japanese

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

새 글 알림 아이콘변경 시작

<script>
$('img[alt="N"]').each(function(){
    $(this).replaceWith('<img src="./images/new_icon_8.png" class="va">');
});
</script>

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

new_icon_8.png
0.00MB

 

관련 콘텐츠 같이 보기

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

img.va { vertical-align: baseline; }

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

 

아이콘 파일 주소값.txt
0.00MB

 

<img src="./images/new_icon_8.png">

의 주소는 이미지 파일명과 티스토리 - 파일업로드의 아이콘 파일 주소값을 입력해주면 됩니다.

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