티스토리 블로그대문 타이틀에 이미지넣고 홈버튼같은 링크걸기

티스토리 블로그대문 타이틀에 이미지넣고 홈버튼같은 링크걸기



블로그 대문에 처음으로 돌아가는 링크를 거는 방법을 열심히 찾아보고 찾아봐도

정확한 정보가 거의 없고...모두 구버전으로 되어 있어서 어려움이 있었지만,

역시 하늘이 무너져도 솟아날 구멍이 있음을!!!


직업학교 프로그래밍 선생님이신, 성선생님께 바로 질문을 하였습니다.

그리고, 그 답을 찾아내고 말았습니다^^




최근 html/CSS 인터페이스가 바뀐 티스토리를 바탕으로,

정확하게 어떻게 진행하는지를 말씀드리도록 하겠습니다.


우선, 티스토리 설정창으로 갑니다.





관리로 와서, 스킨 부분을 클릭하고, 오른쪽의 스킨위자드로 들어갑니다.





그리고, 새로 뜨는 창에서 타이틀 탭을 선택하고,

직접 올리기를 선택해서 찾아보기를 클릭하여 올리고자 하는 이미지를 찾아서 업로드 시켜줍니다.

이미지 사용에 체크가 당연히 되어 있어야죠^^





중요하신 점은, 반드시 올린 파일명과 확장자를 기억하고 계셔야 합니다.

지금 제 블로그 대문 이미지는, T대문.png 파일 입니다. 기억 하셔야 하구요~!





그리고 저장한 다음에, HTML/CSS편집 으로 갑니다.





최근에 이렇게 새창이 뜨면서 편집하도록 바뀌었더군요.

자~ 어쨌든 한번 자알 찾아서 수정을 해 보도록 할께요.





우리가 수정해 줘야 하는 부분은, 저기 입니다.

우선 위와 똑같은 내용을 찾아 주시구요~! HTML 탭에서 보셔야 합니다. CSS 아니에요~!


아마 지금 여러분들은 저 분홍색 박스 부분만 있고, 밑의 빨간 부분은 없을 겁니다.

빨간 부분을 추가해야 하며, 분홍부분은 저처럼 주석처리로 비활성화를 하거나, 지워버리면 됩니다^^


대문링크.txt



위의 Text 파일을 클릭하여 열고, 복사해서 붙여넣기 하시면 되구요,

텍스트에 보시면, 써야 하는 부분이 있을겁니다.


자신의 블로그 주소와, 아까 제가 반드시 기억하라고 했던 파일명과 확장자 입니다.

잘 입력하시고, 그대로 저기에 붙여 넣으시면 됩니다.





그러면, 아마 화면이 좀 납작(?) 해 졌을 겁니다.

기존에 있던 타이틀 글씨도 사라지기 때문인데요, 걱정 할 것 없습니다.


아까 들어왔던 스킨위자드로 다시 들어가서, 이번에는 타이틀의 텍스트 부분으로 들어간 뒤에

블로그 타이틀의 높이를 조절해 주세요.


그리고 적용을 하시면~!?





쫘잔^^ 이렇게 티스토리 대문에 마우스를 가져다 대면, 링크가 걸린것을 확인하실 수 있고요~

납작했던 타이틀도 다시 원래대로 돌아왔지요~!



역시, 직업학교에서 HTML과 CSS를 잘하진 못해도, 그래도 배워뒀던 것이 큰 도움이 되네요^^

열심히 한 보람이 있습니다.

이 글을 공유하기

댓글(8)

Designed by JB FACTORY