본문 바로가기


IT정보/블로그정보

티스토리 새글 발행 표시 "N" 색상 변경하기

by 낭만ii고양이 2018. 5. 12.



안녕하세요 낭만고양이 입니다. 티스토리 블로그에서 새글이 발행되었음을 알리는 "N" 표시가 주황색이 아닐때 변경하는 방법에 대해 포스팅을 할려고합니다. 주황색일때 가장 눈이 뛰고 보기가 좋은것 같습니다. 아래 그림처럼 회색일때는 너무 표시가 안나서 새글이 발행되었느지 모를수도있고 보기도 좋지가 않습니다.




제 블로그도 처음에는 주황색이였는데 어느순간부더 뭘 잘못만졌는지 위 이미지처럼 회색이 되어있었습니다. 이것을 고쳐볼려고 소스를 암만 쳐다봐도 모르겠고해서 제가 티스토리 고객센터에 문의한 결과 티스토리블로그를 일괄 업데이트하면서 이것을 수정못하게 되었다고 하네요. 예전에는 색을 바꿀수가 있었지만 지금은 방법이 없다는 답변을 받았습니다. 다음 업데이트 때 참고하겠다는 답변만 받고 결국 포기하고 있다가  얼마전 우연히 방법을 찾게되어 이렇게 포스팅을 하게되었습니다. 수정후에는 아래와 같이 주황색으로 변하게됩니다.







자 그럼 어떻게 하면 주황색으로 바꿀수가 있는지 알아보도록하겠습니다.



  티스토리 새글 발행 표시 "N" 색상 변경하기



※ 우선 첨부한 아래 이미지를 다운받으세요.

첨부파일 다운 → 

new_ico_5.zip


다운받아서 압축을 풀면 주황색 "N" 글자 이미지가 나옵니다. 이것을 블로그 관리자 화면에서 "스킨편집" 클릭 "html 편집" 클릭 "파일업로드" 클릭하세요.하단에 나오는 메뉴에서 "추가" 클릭한다음 아까 압축풀어놓은 이미지파일을 선택해서 업로드를 합니다. 그러면 image 폴더 하위에 업로드가 됩니다. 그다음  다시 상단에 "html" 을 클릭해서 소스편집창으로 갑니다. 거기서 제일 하단부로 가보시면 </body> 라는 테그가 보일겁니다.  </body> 바로 위에다가 아래의 소스를 붙여넣으세요.


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






붙여넣으신 다음에는 저장하기를 누르시면 됩니다. 이제 블로그를 새로고침해보세요 이미지가 변해있을겁니다.

이제 보기싫은 회색 "N" 에서 탈출하시기 바랍니다.





제 글이 도움이 되셨다면  "공감 (♡)" 한번씩 클릭해주시고 응원의 댓글들도 남겨주세요.


 



댓글