티스토리 블로그 RSS 아이콘 배너 , 티스토리 아이콘 배너 변경 방법

티스토리 블로그 RSS 아이콘 배너 , 티스토리 아이콘 배너 변경 방법

티스토리 블로그 사이드 바에 있는 RSS 배너와 티스토리 바로가기 배너를 조금 크고 이쁜 그림으로 변경하고 싶어서 이곳 저곳 돌아다니면서 알아봐서 변경하게 되었습니다. 

보통 이런 팁을 찾아서 하고 나면 나중에 나도 잊어버리게 되어 다시 찾게 되더라구요. 그래서 내 블로그에 보관해서 알려도 주고 나도 나중에 쉽게 다시 찾아보기 위해서 글 올려 놓습니다. 

생각보다 배너 바꾸기 쉽더라구요. 

이 작업을 하기에 필요한건 알맞은 아이콘 이미지와 배너 클릭시 가야할 주소 그리고 아이콘 이미지를 업로드 한 이미지 주소 이렇게가 필요합니다. 

1. 변경할 아이콘 이미지 파일

2. 변경한 아이콘 이미지 업로드한 주소

3. 배너 클릭시 가야할 주소 

1번의 아이콘 이미지 파일은 인터넷 이곳 저곳 돌아다니면서 찾아 내었습니다. 

2번 변경한 아이콘 이미지 업로드한 주소를 알기 위해선 먼저 이미지를 업로드 해놔야 합니다. 

다행이 티스토리 관리의 HTML/CSS 편집에 이미지를 업로드 할 수 있게 되어 있습니다. 

일단 이렇게 이미지 파일을 업로드 해 놓으면 업로드한 이미지의 주소는 쉽게 알수 있습니다. 

업로드한 파일을 파일 목록에서 찾아 클릭하면 미리보기에 이미지가 뜨는데, 미리보기 이미지에서 마우스 오른쪽 버튼을 클릭하면 사진과 같이 "이미지 URL복사"라고 뜹니다. 이 "이미지 URL복사"가 주소를 복사하는것 입니다. 

다음 필요한것은 배너를 클릭했을때 가야할 주소입니다. 

이 주소는 그때 그때 필요한 주소를 찾아 쓰면 되는데요. 

일단 저는 티스토리 바로 가기를 위해서 티스토리 주소로 예을 들어 보겠습니다. 

그래서 필요한 3번의 배너 클릭시 가야할 주소는 "http://www.tistory.com/"로 하겠습니다. 

3가지를 전부 찾아 놓으면 벌써 다 한겁니다. 

이제 만들기 작업을 해보겠습니다. 

관리에서 사이드 바를 클릭한 후 HTML배너출력을 사이드바에 집어 넣습니다. +를 클릭하면 바로 들어갑니다. 

그 다음 오른쪽 사이드 바에 추가된 HTML배너출력의 편집 버튼을 클릭하면 배너 편집 화면이 뜹니다. 

배너 편집화면에서 이름은 자신이 알아볼 수 있는 이름을 넣고 

HTML소스에 

<a href="아이콘 클릭시 이동하게될 주소" target="_blank">

<img src="변경하고자 하는 이미지의 주소(업로드한)" align = "middle"  border = "0"></a>

글 복사해서 넣으시면 됩니다. (글에서 복사가 안되니 파일을 따로 업로드 해 놓겠습니다.)

이미지 배너출력.txt

여기에 아이콘 클릭시 이동하게될 주소는 http://www.tistory.com/로 저는 했구요. 

이미지 업로드한 주소는 위의 사진에서 설명했듯이 이미지 URL 주소를 바로 넣으면 됩니다. 

이렇게 하면 쉽게 하실수 있습니다.