티스토리블로그 NEW아이콘 색깔 표시 (블로그관리.블로그 운영 새 글 여부 표시)

안녕하세요 ChanceTV의 Chancess입니다!

(Hello ChanceTV is Chancess!)

이번엔 저번 편 이어서, 뉴 아이콘 색깔 변경 하는 법 인데요.

(This time it's the last time, it's a way to change the color of the new icon.)

저번편 안 보신 분들은 미리 보시는 것 좋을꺼같아요.

(Those who have not seen it the last time should look ahead.)

티스토리블로그 카테고리별 글 수 표시 (블로그관리.블로그 운영 새 글 여부 표시)

(Tistory Blog Show blog posts by category (blog management.)

이 부분 변경하면서 뉴 아이콘의 색깔이 회색으로 변했는데,

(When changing this part, the color of the new icon turned gray,)

알고보니 전체 다 바뀌셨더라구요..

(I know that the whole thing has changed.)

네 그럼 시작하겠습니다.

(Ok Let's try.)

먼저 보면 왼쪽에 뉴 아이콘이 회색으로 표시된 걸 확인 할 수 있습니다..

(At first glance, you can see that the new icon is grayed on the left.)

바로 바꾸러 가볼께요..

(I'll go right away.)

우선 블로그 관리에 들어가서

(First, go into blog management)

스킨 편집을 눌러줍니다.

(Click Edit skin)

들어가셔서 오른쪽에 있는 Html편집 버튼을 눌러줍니다.

(Enter it and press the Edit Html button on the right)

그 다음 오른쪽 상단에 있는 파일업로드

(Then upload the file in the top right)

추가에 왼쪽에 아이콘이 있는 이미지를 추가 할껀데

(Add an image with an icon on the left)

12 x 12 픽셀로 직접 만드셔도 되고 

(You can create your own with 12 x 12 pixels.)

다른 곳에서 가져오셔도 됩니다.

(You can bring it from another place.)

(이 부분 놓쳤어서, 다시 올려서 왼쪽이 이미 색깔이 바껴있는 점 양해바랍니다.)

((I missed this part, so please upload it again and understand that the color on the left has already changed.))

저는 참고로 아래 블로그에서 이미지를 다운 받았습니다.

(I downloaded the image from the blog below for reference.)

http://weweb.tistory.com/41

여기서부터가 잘 따라해주셔야해요!

(You have to follow it from here!)

Ctrl+F (찾기) 버튼을 HTML 창 내에서 해주시고 

(Ctrl + F (Find) button in the HTML window)

(겉에서하면 하얀색, 안에서 하면 노란색입니다.)

(It is white from the outside, and yellow inside.)

거기에 </body>를 검색해줍니다!

(Search for </ body> there!)

그리고 나서 그 검색 한 바로 윗 부분에

(Then, right at the top of the search)

<script>

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

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

});

</script>

위에 스크립트를 복사해서 넣으실껀데,

(You will copy and paste the script above,)

빨간색으로 칠해진 부분이 이미지 경로이기 때문에

(Since the red part is the image path)

넣으신 이미지 경로를 체크하셔서 이미지 이름을 넣어주셔야합니다.

(Please check the path of the image you have put and give it an image name.)

경로는 아까 파일업로드때  적혀있던 부분 복사해서 넣으시면 됩니다.

(You can copy the path at the time of uploading the file.)

이렇게 하고 저장 누르면 끝입니다!

(To do this, press and hold Save!)

그러면 이렇게 왼쪽에 회색이였던 아이콘이 노란색으로 바뀌면서

(Then the gray icon on the left turns yellow)

더 잘보이게 되었죠?!

(You look better!?)

뉴 아이콘 노란색아니고 다른색으로 바꿔서도 쓰실 수 있으니

(You can also use the new icon to change to a different color instead of yellow)

취향껏 바꿔서 써보세요..

(Try to chancge it to your liking.)

(개인적으로 회색은 너무 안보이고 별로인거 같습니다..)

(Personally, I do not see gray too much and it seems to be a lot..)

이상입니다.

(That is all)