[티스토리 공부] 티스토리 블로그 상단 타이틀 변경하기 ♩

[티스토리 공부] 티스토리 블로그 상단 타이틀 변경하기 ♩

 

티스토리 블로그를 하면서 이리저리 검색해보면서 배우고 있는 것들을 내가 오래 기억하기 위해서 기록을 해보려고한다. 물론 내 공부도되고 공유하는 차원에서:) 티스토리 블로그를 개설하면 가장먼저 하고싶은 '블로그 상단 타이틀' 변경하기.

 

블로그 상단 타이틀 변경하는 방법 기록!

 

1. 타이틀 만들기

포토샵으로도 만들수 있지만 더 간단하게 만드는 방법을 공유하기위해 PPT 에 텍스트를 쓰고 간단한 도형으로 밑줄을 만들었다. *PPT로도 충분히 다양한 구현을 할 수 있으니 PPT로 블로그 타이틀 만들기 등을 검색해서 꾸미면된다!

 

내블로그 이름대로 '설렘 블로그  ♩' 라고 적어주고 도형으로 밑줄을 만들어 준 다음에 그룹으로 묶어줬다. 전체 드레그하고 ctrl+G 누르기.

 

2.타이틀 저장하기

그룹으로 묶어준 타이틀을 저장할 차례. 오른쪽 키 누르면 '그림으로 저장' 이 있다. png 파일로 저장하면 타이틀 준비 끝!

 

엄청 간단하게 만들어진 내 블로그 타이틀. 운영하다가 티스토리에 재미 붙이면 더 잘 꾸며볼예정!! 그때를 위해, 블로그 타이틀 방법을 기록해줘야한다;;; 난 초보니까^_^ 기록하지 않으면 필요할 때, 또 다시 알아보고 공부를 해야하기 때문에.. 결국 나를 위한 기록이기도 하다.

 

3.티스토리 스킨 편집 선택

 

티스토리 관리자 센터에서 <스킨 편집> 을 찾아서 들어가고 스킨편집 페이지에서 'html편집' 선택한다. 티스토리 블로그를 운영하다 보면 익숙하게 들어가는 스킨편집, 그리고 HTML.

 

4.블로그 타이틀 업로드하기

 

 

 

PPT 에서 만들어둔 파일을 업로드하기. 위 사진처럼 <파일업로드> 카테고리에 들어가서 <추가> 버튼을 눌러서 이미지 파일을 업로드한다.  파일을 업로드하면 위 사진처럼 이미지를 확인할 수 있다. 내 파일명은 blgo_logo 였고, 업로드를 하니까! 파일명 앞에 images가 붙어서 'images/bolg_logo.png'로 변경되었다. 

 

이후 HTML 페이지로 넘어간 이후에, ctrl+f 를 통해, 설렘의 라이프쉐어 를 찾아준다. 위 왼쪽 이미지에서 3번이 찾았을때 보이는 화면! 이 타이틀 소스 부분을 내가 만든 이미지로 변경하는 작업을 하면 된다. 전체적으로 보면 오른쪽 이미지 보라색 박스 처리한 부분을 변경할 예정!

 

 설렘의 라이프쉐어 을 삭제하고, 앞에 저장해둔 타이틀 파일 이름을 <img src=". 뒤에 삽입해준다. 내 파일 이름 /images/blog_logo.png 을 넣어주었다. *주의할 부분은 반드시 /images 앞에 .(점) 찍어주기!!! 앞에 파일명이  'images/bolg_logo.png' 였기 때문에, 아래와 같은 소스기 만들어진다. 

 

이런식으로, 상단에 내 로고 이미지를 넣겠다는 의미로 변경 되었다. 마지막으로 '적용'버튼을 눌러보면! 블로그 타이틀이 변경된 것을 확인할 수 있다:)

 

 

 

 

width="200" height="78" 여기서 가로길이 width와 높이78는 개인 취향에 따라 맞춰서 수정해서 반영해주면 된다! 그럼 티스토리 블로그 상단 타이틀 변경하기 끝! *오른쪽 버튼 누르기 방지가 되어있어서 소스는 댓글에 추가해뒀으니 확인 부탁드립니다:)

 

#블로그상단 #블로그꾸미기 #블로그타이틀