본문 바로가기
블로그 Tip

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

by 코믹디언 2012. 7. 9.
300x250

 

 

 

 티스토리 블로그 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 아이콘 변경에 관한 내용이었지만, 사이드바에 다르것을 올리시더라도 원리는 거의 비슷하기 때문에 약간의 응용만 하신다면 정말 블로그를 꾸미는데 유용하게 사용하실 수 있습니다. 

 

 

 

 

 

300x250