티스토리(64)
-
티스토리 블로그 본문과 사이드바 배경색상바꾸기
티스토리 블로그에서 본문과 사이드바의 배경색을 바꾸면서 자료를 정리하여 올려드립니다. 티스토리에서 공식적으로 배포한 스킨에만 적용 된 스킨위자드로 블로그 배경 색상를 쉽게 바꾸기도 하지만 블로그를 꾸미다 보면 스킨위자드와 수작업과 블로그 꾸미기는 연동이 어렵기 때문에 블로그 본문과 사이드바에 배경색을 바꾸는 방법을 알아 놓으면 편리합니다. skin.html에서 style.css부분에서 블로그 본문과 사이드바 배경색을 바꾸는 방법을 알고 적용하여 나타나는 것을 보면 무엇인가 만들어 가는 성취감을 느끼는 것도 있습니다. skin.html 소스를 바꾸고 적용하면서 반드시 미리보기를 습관화 하여 블로그 꾸미기에서 잘못 되었을 때 다시 바꾸기 위함입니다. 오늘은 블로그를 바꾸면서 3가지를 알아봅니다. 1. 티스토..
2012.04.27 -
티스토리 사진 올리면서 모자이크 처리하기
티스토리 블로그에서 글쓰기 창이 바뀌어 다소 적응하기가 쉽지 않지만 블로그에 사진을 올리면서 몇가지 편리한 점이 있어 살펴봅니다. 사진을 올릴 때 초상권보호나 특정 부분을 가려야 할 필요가 있을때 모자이크 처리를 쉽게 할 수 있어 편리합니다. 사진에 모자이크처리는 수정에서 모자이크를 선택하고 모자이크처리를 하고져 하는 곳에 끌어다 필요한 만큼 모자이크로 처리합니다. 그 다음이 중요합니다. 파랑색 '적용'을 클릭하여 표시된 모자이크가 적용되게 합니다. 여기서 적용을 먼저 클릭한 후 모자이크를 처리하여 알아가는데 시간이 필요했답니다. 다음으로 사진을 올리면서 재미있게 사용하게 되는 '말풍선'을 다양하게 만들어 사진에 올리는 일입니다. 지나번 글쓰기 에디터는 포토스케이프 프로그램을 이용하여 사진에 설명을 넣거..
2012.03.29 -
새로운 카타고리 드롭다운메뉴
저의 블로그 상단에 드롭다운 메뉴를 본문에 넣어봅니다. 블로그에서 드롭다운 메뉴를 힘들게 만들어 놓아으나 스킨소스를 이용하고 보니 블로그하단에 넣어보고 이 글 본문에 가져와 넣어봅니다. 드롭다운 메뉴를 다시 만들고 싶으나 잘 만들어 달 수 있을지 자신이 없는 것은 만들어 달면서 쉽지 않았던 기억에 다시하고 싶은 마음이 없는 이유입니다. 저보다 잘 만들어 놓은 블로그도 있는 것을봅니다. 하단에 넣은 드롭다운 메뉴는 윗방향으로 별쳐지는 것을봅니다. 저도 처음 경험하였던 일입니다 이곳에 각각의 글을 만들어 넣으면 많은 글이 펼쳐져 보여지게 만들수도 있습니다. 드롭다운 메뉴는 모바일에서는 두 단계를 거쳐야 보여진느 것을 봅니다. 나중에 드롭다운을 더 확실하게 배워 알려드리겠습니다. 지금 현재는 시간도 부족하고 ..
2012.03.12 -
블로그 글쓰기에서 HTML 이해하기
블로그에 글을 쓰면서 우측상단에 □ HTML에 체크를 하면 컴퓨터가 HTML로 작성된 언어로 바꾸어 줍니다. 블로그를 처음 운영하면서 블로그에 글쓰기도 힘들고 어렵지만 □ HTML에 체크하고 써진 글을 HTML 바꾸어 보면 무슨 내용인지 도무지 알 수 없습니다. 전문으로 HTML을 자유롭게 사용하는 분들은 너무 쉬운일 인지 모르겠으나 글쓰기도 어려워하는 분들에게는 초반에 포기단계에 들어갑니다. 그러다 보면 HTML로 쓰여진 스킨을 다루기가 점점 힘들어져 블로그를 운영하기가 어려워지는 단계로 들어갑니다. 오늘은 블로그 글쓰기에서 HTML 이해하고 그것을 응용하는 것에 대하여 간략하게 소개하여 드립니다. 짧은 내용이지만 블로그에 글쓰기를 하면서 실험하여 보면 HTML을 이해하는데 도움이 될련지 모르겠습니다...
2012.03.12 -
블로그 페이지 위로가기
티스토리 블로그에서 페이지를 보면서 그 페이지 상단으로 가는 스킨을 적용해봅니다. 스킨에 적용하기전 gif파일을 만들어 css에 넣어야겠지요. gif파일을 만드는 방법을 저의 글로 바로가기 해둡니다. 페이지 위로가는 기능을 스킨에 적용하여 블로그페이지 하단에 나타내어 보니 상단 페이지로 바로갈수 있어 윗부분의 글을 좀더 보고자 할 때 좋은 기능입니다. 저의 블로그의 경우 스킨에 적용하면서 'next page' 를 찾아 바로 아래 삽입하여 지금 보시는 것과 같은 화면으로 보여집니다. 에서 페이지위로.gif는 자신 만든 그림파일이고 이곳을 클릭하면 맨위로 갑니다.는그림을 클릭하면 나타나는 설명부분입니다. 설명부분은 필요에 따라 바꾸면됩니다. 위와 같이 블로그에서 페이지위로가기 소스는 원하는 곳에 소스를 적용..
2012.03.10 -
티스토리 블로그 꾸미기 좌우이동이 되는 사이드바
티스토리 블로그 스킨의 장점은 사용하고 있는 블로그를 자유롭게 스킨을 변경하여 사용 할 수 있는 점이 좋습니다. 스킨의 큰 틀은 좌측에 사이드바가 있는 경우가 있고 우측에 사이드바를 넣는 경우가 있습니다. 이런 스킨을 2단형 스킨이라합니다. 1단형 스킨은 사이드바가 없거나 하단에 있는 경우이고 3단형 스킨은 본문이 중앙에 오고 좌우에 사이드바를 넣는 경우를 말합니다. 오늘은 2단형 스킨에서 사이드바를 좌측이나 우측으로 이동하여 바꾸는 방법을 알아봅니다. 티스토리 블로그 꾸미기에서 좌우이동이 되는 사이드바는 스킨을 어느정도 아는 분들은 어렵지 않게 적용하여 바꾸어 사용하기도 하지만 스킨적용에 숙달이 덜된 분들은 스킨의 내용을 바꾸면서 주의해야 하는 것은 기본적인 일입니다. 스킨 적용에 있어서 항상드리는 말..
2012.03.05