본문 바로가기

티스토리~!

티스토리 타이틀 변경 및 링크 설정하기!

안녕하세요 ~! 티스토리 블로그를 개설하고 나서 많이 고민하는 부분이라고 생각되어서 

 

올려보고자 합니다.

 

티스토리 블로그 개설을 한 번이라도 하셨더라면 한 번쯤 검색을 분명히 해보셨을 것 같습니다.

 

그것은 바로! 티스토리 타이틀 변경 및 링크 설정하기입니다.

 

티스토리 타이틀을 기본 디자인이 아닌 직접 자기가 디자인한 타이틀로 하고 싶으신 분들이

 

대다수입니다.

 

저도 마찬가지로 직접 디자인한 타이틀을 쓰고 싶었구요. 직접 디자인한 타이틀을 쓰고 있습니다.

 

자 이제 본론으로 들어가보도록 하죠!! 긴장하시고 집중하셔서 한 번에 딱 끝내시길 바랍니다.

 

코드를 수정해야 하는 부분이 있어서 이과생 출신이라면 더욱 쉬울 것입니다

 

이과생 출신이 아니더라도 모든 분들이 해결하실 수 있도록 아주 쉽게 설명을 하도록 하겠습니다.

 

티스토리 타이틀 변경 및 링크 설정하기 시작하죠!

 

 

 

 

 

 

위의 사진을 보도록 하죠.

 

티스토리 블로그 관리 페이지입니다.

 

다들 여기 관리 페이지는 잘 찾으실거라 믿습니다 ㅎㅎ

 

자 다들 들어오셧나요!? 그리고나서 HTML/CSS 편집으로 들어가주세요!!

 

그 다음 HTML/CSS 파일업로드 두 가지의 탭이있죠?

 

그럼 파일업로드 쪽으로 이동해주세요!

 

위 사진의 설명과 같이 추가버튼을 눌러주세요!!!

 

바로 이 파일업로드에 자신의 원하는 타이틀 이미지를 추가할 것입니다.

 

다들 이미지를 추가하셨나요!?

 

티스토리 타이틀 변경 및 링크 설정하기 참 쉽죠잉?

 

자 그럼 다음 단계로 가보죠!

 

 

 

 

 

 

HTML/CSS로 이동해주세요!!

 

그리고 Ctrl + F 를 눌러서 h1을 검색하시면 저 사진부분을 찾을 수 있으실겁니다.

 

저기 사진에 보면  이 Anything Sweet 부분만 삭제해주시길 바랍니다.

 

Anything Sweet 이 코드는 블로그를 개설할시에 생성되는 기본적인 블로그 타이틀입니다.

 

기본적인 타이틀이기 때문에 타이틀을 변경하고자 하는 분들은 필요가 없는 코딩 부분입니다.

 

그래서 삭제하는겁니다 ㅎㅎ

 

삭제 하신뒤! 그 자리에 바로 <img src="./images/이미지파일이름.파일형식"> 이렇게 넣어

 

만 주시면 됩니다.

 

(이미지파일이름은 아까 파일업로드에서 업로드했던 이미지파일이름을 말하는 것입니다.)

 

예를들어   <img src="./images/anythingsweet.jpg"> 이렇게 써주기만 하면 됩니다. 

 

그렇다면 수정된 사진을 보여드리죠.

 

 

 

이렇게 수정했습니다. 저렇게 수정하시고 바로 저장을 눌러주시고!!

 

블로그로 이동하시면 바뀌어 있는 자신의 블로그를 보고 뿌듯하실겁니다 ㅎㅎ

 

이렇게만 잘 따라해주시면 티스토리 타이틀 변경 및 링크 설정하기가 완료되었습니다.

 

다음에도 좋은 주제를 가지고 포스팅 하도록 하겠습니다!