티스토리 블로그 타이틀 이미지 간단하게 바꾸는 방법

티스토리 블로그 타이틀 이미지 간단하게 바꾸는 방법

티스토리 블로그를 새로 만들고 

아직 글도 없는 상태의 블로그가 있다

들어가 보면 정말 휑 ~할수밖에 없다

이렇게 휑한 블로그에 타이틀 이미지를 삽입해주면

블로그가 생명을 얻게 된다

네이버 블로그는 대체적으로 쉽게 클릭 클릭만으로 만들수가 있는데

티스토리 블로그는 조금 복잡해보인다

만드는것 자체는 어렵지가 않은데

티스토리 블로그는 다양한 기법들을 적용을 할수가 있기에

HTML을 쓸줄 알면 상당히 유리하다고 볼수있다

하지만 나도 HTML을 배운적은 없다

그래도 간단한거는 수정하고 쓸줄은 안다

물론 만드는건 안되겠지만

보고 따라하는정도는 가능하다

그럼 이제 티스토리 블로그에 생명을 넣어주는 

타이틀 이미지 삽입작업을 시작해 보자

먼저 타이틀 이미지를 바꿔주기 위해서

타이틀 이미지를 미리 준비해둔다

그리고 관리자 모드로 티스토리 블로그에 로그인을 하자

관리자모드에서 HTML/CSS 편집을 클릭해준다

HTML/CSS 편집화면이 나오면 파일업로드를 클릭해준다

+ 추가버튼을 클릭하고

타이틀 이미지로 준비한 이미지를 추가한다

이제 '저장' 클릭

화면상에 사진이 업로드된게 보인다

업로드된 이미지 위로 마우스 커서를 가져간뒤

오른쪽 마우스 버튼을 클릭해서

링크주소복사나 속성을 클릭해서

링크주소를 복사한다

복사한 링크에 <img src=" "> 태그를 씌워준다

다됐으면 이제 링크를 다시 복사해 둔다

이제 파일업로드 좌측에 있는

HTML 로 들어가보자

HTML 언어를 모르면 멘붕이 올수도 있다

하얀건 배경이요

알록달록한건 글씨라오

겁먹지 말고 진행해보자

흰배경을 클릭하고

Ctrl + F 를 눌러준다

그럼 검색창이 나온다

화면에 나온 검색창에

h1

이라고 입력하고 엔터를 치면

h1이라는 글자를 찾아서 커서가 이동한다

h1이라고 써있는곳 우측을 보면

[## title ##]

이라고 입력되어 있는곳에다

배경이미지 링크를 삽입해주면 된다

위에서 복사한 이미지 링크를 좀전 위에서 보았던 곳

[## title ##]

위치에 복사한다

이제 마무리다

위쪽에 저장버튼을 눌러주면 마무리

반응형 스킨에 타이틀 이미지가 씌어진게 보일것이다

- 유용한 정보 - 

2015/02/21 - 티스토리 블로그 마우스 오른쪽 클릭 방지

2015/02/22 - 티스토리 본문 폰트 나눔고딕글꼴 적용

2015/02/26 - 티스토리 블로그 3D클라우드 태그 적용

2015/02/28 - 티스토리 반응형 스킨 FastBoot v1.6.1