티스토리 꾸미기 '포스트 발행인 나만의 로고 사용'

티스토리 블로그는 글을 작성하여 발행하거나 저장을 하면 포스트 본문 하단에 글 발행자의 닉네임이 표시됩니다.

 

 

오늘은 블로그 글 발행인의 닉네임으로 표시되는 Posted by sunstar 이 부분을 아래 샷 처럼 자신 만의 로고로 대체하는

팁을 알아 봅니다.

 

 

먼저 자신만의 로고가 있어야 겠지요.

 

포토샵으로 '로고(도장) 만들기'  http://sunstar2.tistory.com/518

 

로고 준비가 됐으면 현재 사용 중인 스킨을 백업해 놓으세요.(권고 사항)

스킨,치환자,소스 코드를 수정할 때는 만약을 대비 현재 스킨을 저장하는 습관이 필요합니다.

관리자 페이지 사이드바 스킨 탭을 누르고 스킨 저장을 해 주세요. 

 

 

 

스킨 저장을 완료했다면 HTML/CSS 편집  누르고 파일업로드 탭에서 1. 추가 버튼으로 준비된 로고를 업로드하시고

업로드된 파일을 클릭하면 미리보기창에 로고가 보여 지는데... 2.로고 파일을 우 클릭하고 텍스트 상자에 속성을 클릭

주소(Ctrl +C)를 드래그 복사합니다.<메모장 등으로 복사한 주소를 붙어넣기(Ctrl + V) 대비성 필요>

 

 

 

HTML/CSS 탭을 누르고 찾기 기능 Ctrl +F, 입력란에 <div class="author"> 코드 입력하고 skin.html에서 곧바로 찾아 들어갑니다. 

 

 

 

소스 코드 <div class="author"> 아래 <span class="text">Posted by</span> [ ##_article_rep_author_## ]라고 표시돼

있네요.빨간색 코드 [ ##_article_rep_author_## ]는 닉네임 치환자 입니다.

스킨에 따라서 이 치환자는 안 보이는 스킨도 있을 텐데요.안 보이는 스킨은 복사된 로고 주소를

<span class="text">Posted by</span> 옆에 넣어 주시구요.제 스킨처럼 닉네임 치환자가 있다면 삭제합니다.

 

 

 

<IMG src=로고 파일 주소> 로 넣어 주면 완료됩니다.

 

 

 

코드 수정을 하고 저장하기 전 미리보기는 필수인 것 아시죠~

포스트 작성으로 표시되는 닉네임을 자신만의 로고 로 대체(?)하는 팁을 알아 봤습니다.감사합니다~~