티스토리 블로그 RSS 아이콘 변경하는 방법 

 

 

 

얼마전 제 블로그에  아이콘과 티스토리 배너를 변경하였습니다. 그동안 티스토리에서 제공하는 기본적인 RSS 아이콘과 티스토리 로고를 달고 있었는데 좀 심심한 감이 있어서 변경하게 되었습니다. 저도 처음에는 변경 방법을 몰라서 애를먹고 있엇는데 막상 해보니 매우 쉽고, 간단했습니다.

 

RSS 아이콘과 티스토리 로고를 변경했습니다.

 

우선 필요한 것은 세가지 입니다.

 

1. 변경하고자 하는 아이콘(이미지)

 

2. 변경하고자 하는 아이콘(이미지)의 주소

 

3. 아이콘을 클릭했을 때 이동할 곳의 주소

 

 

파일업로드에 자신이 변경하고자 하는 이미지를 업로드 하세요


 

우선 블로그의 관리자 페이지에서 HTML/CSS 편집으로 들어가서 파일업로드 페이지로 들어갑니다.

파일업로드 페이지에 자신이 변경하고자 하는 RSS 아이콘(이미지)를 업로드 합니다. 변경하고자 하는 RSS 아이콘(이미지)는 직접 제작하셔도 좋고, 또는 인터넷 검색을 하시면 많은 이쁜 아이콘들을 찾을 수 있습니다.

 

 

 

이미지 미리보기에서 마우스 '우클릭' 후 속성으로 들어갑니다.

 

속성에서 이미지의 주소(빨간색 테두리)를 복사해 둡니다.

 

자 다음은 업로드한 이미지를 찾아서 옆에 보이는 이미지 미리보기를 마우스 우클릭 합니다. 그리고 속성이라는 항목을 클릭해서 이미지의 주소(빨간 테두리 친 부분)를 복사 합니다.

 

다음은 아이콘을 클릭 했을 때 이동하게될 주소가 필요합니다. 여기서는 RSS 아이콘 변경에 관한 내용이니까 그 주소는 자신의 RSS 주소가 필요합니다. 보통 자신의 RSS 주소는 자신의 블로그 주소에 /RSS 만 더 붙어 있습니다. 예를 들면 저의 블로그 주소는 http://bonobo007.tistory.com 이고 저의 RSS 주소는 http://bonobo007.tistory.com/rss  입니다. 모르시겠다면 자신의 RSS 마크를 클릭해보시면 바로 알 수 있습니다.

 

자 이제 필요한 것이 모두 갖추어 졌습니다. 이제 아래에 태그에 각각의 주소를 붙여 주면 됩니다.

 

<a href="아이콘 클릭시 이동하게될 주소" target="_blank">
<img src="변경하고자 하는 이미지의 주소(업로드한)" align = "middle"  border = "0"></a>

 

 

이미지 배너출력.txt

 

사이드바의 'HTML 배너출력'에 완성된 태그를 입력합니다.

 

태그에 필요 주소를 모두 입력했다면 이제 사이드바 관리 페이지로 들어갑니다. 그리고 사이드바에 'HTML 배너출력' 이라고 되어있는 것을 사이드바에 추가합니다. 그리고 배너출력의 HTML 소스를입력하는 곳에 완성된 위의 태그를 입력해 주시면 됩니다.

 

복잡한 작업인것 같지만 한번 두번만 해보면 능숙하게 다루실 수 있을 겁니다. 여기서는 RSS 아이콘 변경에 관한 내용이었지만, 사이드바에 다르것을 올리시더라도 원리는 거의 비슷하기 때문에 약간의 응용만 하신다면 정말 블로그를 꾸미는데 유용하게 사용하실 수 있습니다. 

 

 

 

 

 

댓글을 달아 주세요

  1. Favicon of https://bonobo007.tistory.com BlogIcon amuse 2012.07.09 23:12 신고  댓글주소  수정/삭제  댓글쓰기

    모두들 RSS 아이콘을 이쁜것으로 바꿔보아요 ^^~~

  2. Favicon of https://review-in.tistory.com BlogIcon 리뷰인 2012.07.10 09:42 신고  댓글주소  수정/삭제  댓글쓰기

    요렇게 하는것이군요...유익한 정보 잘보고 갑니다.

  3. Favicon of https://namsieon.com BlogIcon 작가 남시언 2012.07.10 10:04 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보네요 ^^
    잘 배우고 갑니다~ㅎㅎㅎㅎ

  4. Favicon of https://funfunhan.com BlogIcon 영댕이 2012.07.11 21:24 신고  댓글주소  수정/삭제  댓글쓰기

    티스토리는 스킨을 변경하는 것이 약간 복잡해서

    초기 장벽이 조금 높은 것 같아요.

    좋은 정보 잘 보았습니다.

  5. Favicon of https://shine.tistory.com BlogIcon 샘쟁이 2012.07.12 11:30 신고  댓글주소  수정/삭제  댓글쓰기

    많은 분들이 도움 얻으실 수 있을 것 같네요 ^^

  6. Favicon of https://axia.tistory.com BlogIcon 엑시아유틸 2014.03.03 23:12 신고  댓글주소  수정/삭제  댓글쓰기

    분명 middle인데 우측사이드바의 가운데에 오지 않고 약간 왼쪽입니다. left하면 너무 왼쪽,right하면 너무 오른쪽.. 사이드바 자체의 가운데에 오질 않네요..왜 그런것인지.. 뭐가 잘못된 것인지 알수 있을까요?

    • Favicon of https://bonobo007.tistory.com BlogIcon amuse 2014.03.08 21:31 신고  댓글주소  수정/삭제

      댓글이 늦어서 죄송합니다. 저같은 경우에는 <center>태그로 정렬하였는데 센터정령이 잘 되었습니다. 티스토리의 스킨에따라서 센터로 정렬해도 잘 맞지 않는 경우가 자주 나타납니다. 그럴 경우 left나 right 태그로는 미세한 조정이 안되기때문에 아이콘을 만들때 미리 어느쪽으로 치우치게 만들어서 센터를 조정하는 것도 한가지 방법이 될 수 있습니다 ^^