티스토리 블로그의 첫 페이지는 테터데스크 또는 티에디션을 사용하여 꾸밀 수 있습니다.

테터데스크에 비해 최근에 선보인 설정하기 더 편한 티에디션을 사용하는 분이 많은걸로 알고 있어요. 저 역시 티에디션을 사용하고 있답니다.
(테터데스크가 더 자유도가 높아 아직 테터데스크를 활용하고 계신 분도 계시죠.)

티에디션을 설정하다보면 타이틀 부분이 별로 이쁘지가 않아요. 눈에 띄지가 않죠.
아이콘을 제공해서 설정할 수 있고 배경색도 넣을 수 있고 테두리도 넣을 수 있긴 한데, 역시 예쁘지가 않아요.
그래서 부족한 실력으로 타이틀 부분을 그림으로 변경해봤습니다.
아직 눈에 딱 띄는 디자인으로 제작하지 못해서 우선 글씨만 써서 바꿔봤는데, 만족스럽더라구요. 차차 튀는 디자인으로 제작해서 바꿔봐야겠어요 ㅎ
(티비님이 처음 사용하셨고 정말 많은 블로거 분들이 사용하고 계신 디자인이 있죠. 눈에 딱 들어오고 좋은 디자인이라고 생각되는데 제 블로그에는 어울리지 않아서 다른 방법으로 만들어보려했습니다.)





타이틀이 어떻길래?  


지금 타이틀은 이런 모습이죠.
'블로그가 블링블링'

이 타이틀 부분을


이렇게 바꿔보도록 할꺼예요.

출발!





이미지 등록하기  

그림으로 바꾸려면 우선 이미지를 등록해서 주소를 따와야 겠죠.

그림을 웹에 등록하기 위해 비공개 글을 써서 그 안에 그림을 넣고 주소를 따올 수도 있지만 티스토리에서는 스킨에 그림을 넣을 수 있어요.
여기에서는 티스토리 스킨에 그림을 넣는 방법을 사용하도록 하겠습니다.


관리자 화면에서 스킨 탭의 HTML/CSS 편집으로 들어가면 파일업로드 탭이 있습니다.
파일업로드 탭에서 파일업로드 버튼을 클릭 후 컴퓨터 상의 그림을 등록해주세요.
그럼 화면에서와 같이 그림이 등록된 걸 볼 수 있어요.
목록 중 그림이름을 클릭하시면 왼쪽에 그림이 표시되는데 그림 위에 마우스를 올려서 우클릭!
우클릭 후 나타나는 목록에서 속성을 클릭해주세요.


그리고 속성에서 나타나는 주소를 복사해놓으시면 됩니다.





티에디션 설정  


티에디션 설정 화면입니다.

타이틀을 바꾸실 곳을 선택하시고 디자인 탭에 있는 HTML 버튼을 클릭해주세요.


그러면 이렇게 HTML 소스를 변경할 수 있는 창이 나타납니다.

여기에서 [# #_item_title_# #] 이 치환자 부분을 수정해 주시면 됩니다.

<img src="복사해둔 이미지 주소"> 이렇게 바꿔주세요.


바로 요렇게 해주시면 됩니다.

전 이미지를 등록할 때 미리 Microsoft Office Picture Manager 를 사용해서 사이즈를 줄이고 등록했는데, 사이즈를 변경하지 않아 너무 크게 등록될 수 가 있죠.
width 와 height 소스를 넣어주시면 되요.

<img src="복사해둔 이미지 주소" width="넓이 px 사이즈" height="높이 px 사이즈">
이렇게 적용해주시면 사이즈가 변경된답니다.
넓이 사이즈와 높이 사이즈는 px 단위로 숫자만 넣어주시면 되요. width="150" height="40" 이런 식으로요 :)

그리고 적용을 클릭해주시면 실시간으로 수정된걸 확인하실 수 있습니다.

마지막으로 적용하기를 눌러주시면 끝!





티에디션 타이틀 꾸미기,
티에디션 타이틀을 그림으로 바꾸는 방법을 알아봤습니다.
예쁜 디자인, 톡톡 튀는 개성있는 디자인으로 블로그의 첫 인상이라고 할 수 있는 첫 화면 멋지게 꾸며보세요 :)




신고

댓글을 달아 주세요

  1. BlogIcon 리뷰쟁이 2010.12.12 22:06 신고  Addr  Edit/Del  Reply

    어오오오오오 ㅠㅠ 리뷰쟁이도 이런거 배워서 언능 블로그에 써먹어야할텐데요
    공부할게 너무많아 자꾸 피하고 포스팅만하게되어서 큰일입니다 !!

    • BlogIcon 그냥 꼬꼬마 2010.12.13 02:51 신고  Addr  Edit/Del

      조금씩 배워서 따라해보고 응용도 해보고 실패도 해보고 성공도 해보고 하다보면 금방 익히게 되실꺼예요 ^^

  2. BlogIcon 영감의새우깡 2010.12.12 22:19 신고  Addr  Edit/Del  Reply

    꼬꼬마님^^ 답방왔어요! 댓글을 다시니 제가 기쁘게 찾아올수 있군요^^ 이것도 인연이죠..ㅎㅎㅎ 그리고 리뷰쟁이님도 아래에 있네요 ㅎㅎ신기하네요 ㅎㅎ

    • BlogIcon 그냥 꼬꼬마 2010.12.13 03:02 신고  Addr  Edit/Del

      역시 댓글은 중요한 거였어요 ㅎ
      네이버 블로그에 방문할 땐 댓글을 잘 안 달곤 했는데 이젠 네이버 블로그에 방문할 때도 댓글 다는 습관을 들여야겠군요 ㅎ
      돌고 도는 블로그 인맥인가요 ㅋ

  3. BlogIcon 닉쑤 2010.12.13 03:34 신고  Addr  Edit/Del  Reply

    오... 항상 쓰는건데 html 고칠 수 있는 버튼이 있는줄도 몰랐네요 ㅡㅡ;;

    항상 보기 싫다고 생각했었는데.... 잘 배우고 가요 ㅎ

    • BlogIcon 그냥 꼬꼬마 2010.12.13 23:37 신고  Addr  Edit/Del

      저도 처음에 html 버튼 모르고 있었는데 타이틀 바꾸고 싶어서 요리조리 찾아보다 발견했어요 +_+ㅋ
      html 버튼 발견하고 나니까 치환자만 바꿔주면 편하게 수정할 수 있더라구요 ㅎ 닉쑤님도 티에디션 타이틀 한번 꾸며보세요 :)

  4. BlogIcon tiffany bracelet 2011.09.23 01:12 신고  Addr  Edit/Del  Reply

    저도 처음에 html 버튼 모르고 있었는데 타이틀 바꾸고 싶어서 요리조리 찾아보다 발견했어요

  5. BlogIcon Tiffany Jewellery 2012.05.28 14:09 신고  Addr  Edit/Del  Reply

    결과적으로 너무나도 훌륭

  6. BlogIcon sblog 2013.10.13 15:31 신고  Addr  Edit/Del  Reply

    잘 배우고 가요^^ 공부할 게 많네요~

티스토리 툴바