2009년 5월 27일 수요일

한줄 태그로 블로그에 나만의 로고를 넣어보자

안녕하세요 생각하는 사람입니다.
오늘은 블로그 상단에 나만의 로고를 만들어 넣는 방법을 올리겠습니다.
사실 방법이라고 하기에도 뭐한
한줄짜리 html이지만 유용하게 사용하시길 바라며.. ㅎㅎ




먼저 포토샵등의 유틸리티를 이용해 상단에 올릴 그림파일을 만들어 임의의 이름으로 저장합니다.
저한테는 요녀석이 되겠죠?






티스토리 관리모드에서
스킨 - html/css편집 - 파일올리기 로 들어가 파일을 올립니다. 파일이름은 b.GIF라고 가장하죠.




이제 바로 옆에 HTML/CSS 편집을 누르시고 다음의 간단한 한줄 태그를 넣으시면 됩니다.
<a href="자신의블로그주소"><img src=./images/b.gif></a>
간단한 설명을 붙이면 href는 링크 태그이고,  img src는 그림을 불러오는 태그입니다.

이를 이제 삽입만 하면 되는데
<div id="body">부분을 찾아 바로 뒤에 넣어주세요.

끝!

간단하죠? ^^

블로그 상단에 메뉴 넣기는 여기에 있습니다.
  - 2009/05/26 - [IT/블로그팁] - 블로그 상단에 메뉴를 넣어보자



댓글 10개:

  1. 블로그가 정말 많이 깔끔해졌어요 대단하신데요 ㅎㅎ

    답글삭제
  2. @sky~ - 2009/05/27 09:14
    노력하고 있긴한데 아직잘되진 않네요. 더 많이 정리해야 할것이 많아요. 좋은 하루 보내세요~

    답글삭제
  3. 아항 ~ 저도 예전에 저게 궁금했는데 !!

    이제서야 방법을 알았네요 ^^

    답글삭제
  4. @이름이동기 - 2009/05/27 10:25
    예쁘게 적용해 보세요. 블로그 놀러갈께요. ^^

    답글삭제
  5. 저도 언젠간.!! html 어렵지만...ㅜㅜ

    답글삭제
  6. 그림을 편집하는 기술이 부족해서.. 흑..

    잘 보고 갑니다. ^^*

    답글삭제
  7. @필넷 - 2009/05/27 12:23
    감사합니다. ^^

    답글삭제
  8. @iPod Art - 2009/05/27 11:02
    여기저기서 이것저것 따라하다보면 금방 실력이 늘꺼예요 저도 아직 초보라서 이런이야기를 하기가 부끄럽군요.ㅎ

    답글삭제