본문 바로가기
인터넷/컴퓨터/티스토리

티스토리 블로그 타이틀 및 블로그설명 꾸미기 및 위치 변경하기

by 우림 2015. 4. 16.

오랫만에 블로그에 들어왔는데, 블로그 타이틀이 너무 휑~하다는 느낌을 받았습니다.
그래서, 아주 예쁘진 않지만 위치도 바꿔보고 나름 꾸며보았습니다.
허접하지만 필요한 부분 도움이 되길 바라며 적어봅니다.


먼저, [관리자페이지 > 기본정보]에서 블로그 이름과 설명을 확인하시거나 변경해 주세요.


[HTML/CSS]로 이동해서 블로그 설명을 상단 타이틀 밑에 넣어보겠습니다.


<div class="blogTitleDesc">프로그래밍, java, jQuery, 오라클, 워드프레스, 티스토리, 이클립스, 윈도우, 전자정부프레임워크 등등</div>

이 부분을 body 태그 밑의 header 안에 넣어주시면 됩니다.



style.css 에 아래와 같이 맨 아랫 부분에 넣어주세요.

/* Tistory Title 꾸미기 */
#header {height:120px; padding:10px;}
#header h1 {text-align:center; margin-top:40px; font-size:15pt;}
#header .blogTitleDesc {text-align:right; color:#fff; margin-top:30px;}


타이틀이 잘 바뀌었는지 확인해 볼까요?


아직도 좀 허접하긴 하지만 원하는 위치로 잘 들어왔네요.

블로그 설명의 색상을 조금만 바꿔볼까요?

/* Tistory Title 꾸미기 */
#header {height:120px; padding:10px;}
#header h1 {text-align:center; margin-top:40px; font-size:15pt;}
#header .blogTitleDesc {text-align:right; color:#AAB1AB; margin-top:30px;}


타이틀 배경색도 좀 바꿔보도록 하겠습니다.
타이틀 배경색 대신 배경이미지를 넣으면 더 근사해질 꺼 같긴 하지만 마땅한 이미지를 못 찾겠네요.

관리자페이지의 스킨위저드에서 타이틀 색상을 바꿔보았습니다.




확인해 보겠습니다.


그렇게 만족스럽진 않네요~ ㅋㅋㅋㅋ
여러분들은 예쁜 색상을 잘 골라서 꾸며보시기 바랍니다.

댓글