티스토리 뷰

반응형

안녕하세요. 오틸라입니다.


이번에 프로그램 일 외에, 추가로 휴대폰 매장을 하나 오픈하면서


블로그도 하나 개설했습니다.


그 와중에 티스토리에서 만들때 초반에 어려움이 있을법한(?) 부분을 한번 정리해봤습니다.



하는김에


개설부터 셋팅까지 쭉 해보시죠~ ^^


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



우선 티스토리 메인에서 보시면, 새블로그 만들기 버튼이 있습니다.

클릭해서, 블로그 이름과, 사이트 주소를 입력해 줍시다.~




https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png





그리고, 카테고리관리를 클릭하셔서 메뉴를 만듭니다.



메뉴는 음....


휴대폰의 정보를 제공하는 용도로 만들꺼라


뉴스, 기기정보, 통신사정보등으로 구성했습니다.


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png





이제 기본적인 스킨을 입혀줘야 하는데요.

]

HTML을 자유자재로 다루시는 분들이라면, 어차피 이 글을 읽지 않고 있을테니까 ㅎㅎ


기본으로 제공해주는 것들중에 하나를 골라봅시다.



꾸미기 - 스킨변경을 클릭하셔서 마음에 드는걸 골라줍니다.



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png





선택하고, 적용으로 누르면 블로그가 바로 쨔잔~ 바뀝니다.



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png




티스토리 블로그가 마음에 드는게 여기서 여기정도 커스터마이징이 가능합니다.


우선, 우측의 html편집 버튼을 누르면, 



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png


위와 같이 HTML, CSS, 업로드 이렇게 탭이 3개 있는데요.


html도 직접 편집이 가능하고, css도 조정이 가능하고, 이미지도 어느정도 업로드가 됩니다.


20메가 제한이 있으니 아껴씁시다 ^^





https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



블로그 메인을 가장 크게 장식해주는 톱니같은 이미지가 /images/bg.jpg 네요


용량도 2메가나 되니 일단 지워버리고,


새로운 파일을 +추가 버튼을 눌러서 업로드 합니다.


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



이때 파일명을 bg.jpg로 올리면 css수정까지는 안해줘도 되는데, 

저는 그냥 otillainteractive.png로 올렸습니다.



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



css탭을 클릭해보시면, background이미지를 /images/bg.jpg라고 되있는걸 /images/otillainteractive.png로 바꿔줍니다.


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png




이제 저장하고,


새로고침 버튼을 누르면!!!


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png





메인이 바뀌었습니다 ^^






좌측메뉴도 Home, Notice, LocalLog 이런게 있는데, 전 안쓸겁니다.

걍 지워버립니다.


html 탭에서 ctrl+f 눌러서 locallog 검색한 다음에 Notice랑, LocalLog를 제거했습니다.



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png




홈링크 하나만 두고, 나머지는 카테고리~~


심플하고 좋네요 ^^;




https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png





이제 하단의 푸터쪽을 보면


이 HTML 스킨을 만드신분의 정보가 있습니다.


무료로 사용중인데, 이런거 지우면 안되겠죠?



법을 떠나서 예의상으로라도 지우면 안되겠습니다.


하지만, 저 검색바는 없애고 싶네요 ;;;;


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png




HTML로 가서 tirium search를 검색해서


검색바 부분을 찾아 냅니다.


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



다른건 다 그대로 두고

검색바만 제거해줍니다.



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png





푸터가 이제 좀더 깔끔해 졌네요 ㅎㅎ


https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png







이제 중앙에 저 둥근 부분을 채워줄겁니다.


지금은 이미지가 없어서 그냥 막 없애버리고 싶지만, 


이미지 채우고 나면 괜찮아 질겁니다.


참고 바꿔봅시다.



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png




블로그 설정화면에 가면,


대표이미지를 등록하는 곳이 있습니다.


적당한 이미지를 하나 올려주시고, (이왕이면 둥글거나, 정사각형이 좋습니다.)



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png

https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



아이콘, 파비콘도 이미지가 있으면 채워주세요~ (확장자에 맞는 이미지여야 합니다)



https://tistory1.daumcdn.net/tistory/87291/skin/images/blank.png



이미지까지 등록하고 나니 메인화면이 좀 낫네요.


중앙에 흰부분은 글을 쓰면 채워지니 얼른 글하나 쓰면 되겠습니다 ^^;


이렇게 만들어진 저의 두번째 블로그는


otilla.tistory.com 입니다. ㅎㅎㅎ





여기까지가 기본적인 셋팅방법이구요.



다음에는 구글 애드센스 광고를 한번 달아보겠습니다.





이상 오틸라였습니다.

건강하세요.




반응형
댓글