1. 작성에 앞서
블로그를 시작하게 되면 가장 먼저 생각하는 것이 어느 사이트를 이용해서 블로깅을 할까일 것입니다. 블로그를 대표하는 대표적인 사이트라면 아마도 구글의 블로거, 워드프레스, 네이버 등등 국내외 여러 유명 사이트들이 있으나, 이번에 애플의 맥과 아이폰, 아이패드와 관련된 소식을 전할 사이트는 국내의 블로그 전용 사이트인 티스토리 를 사용할까 합니다.
하지만 블로그를 하겠다라고 생각하는 사람들이 대부분 공통적으로 느끼는 생각들이 잘 꾸며진 블로그를 보면서 나도 비슷하게 시작했으면 하는 것일것 입니다.
따라서 나름 괜찮다고 평가되는 스킨을 이용하여 블로그의 홈페이지를 만들어 볼까 합니다. 자료의 출처는 NeoEase에 의해 작성된 iNov 스킨을 TYZEN이 일부 수정한 Green iNov 스킨을(inov_tygen.zip) 이용하였으며, 여기에 바탕색은 그레이 색상으로 그레이 색상파일을(gray.zip) 포인트를 더하였습니다.
iNov renewed by Bread & Cookie 스킨 다운로드
상기 스킨을 다운받아서 화면관리창의 꾸미기 > 스킨 > 파일업로드 및 꾸미기 > 스킨 > HTML/CSS편집 메뉴를 통해 이미지들과 skin.html, style.css 내용을 변경하고, 또한 그외 화면관리창의 내용들을 일부 수정하게 되면 다음과 같은 블로그 홈페이지를 만들수 있습니다.
물론 제가 알려드리는 팁 이외에 화면구성, 본문구성, 검색기능 강화, 프로그인 및 위젯 설치 등을 통해 더욱 색다른 형태를 만들수 있음은 당연하겠지만, 개인적으로는 이정도의 팁만으로도 충분히 깔끔하고, 산뜻한 느낌의 홈페이지를 구성할 수 있을것이라고 판단됩니다.
2. 화면관리창 설정내용
티스토리 화면관리창에서의 설정내용은 다음과 같습니다.
2.1 글설정 설정
2.2 HTML/CSS 설정
다운받은 파일내에 포함되어 있는 skin.html, style.css 내용으로 각각을 대체합니다.
2.3 사이드바 설정
사이드바 설정작업은 HTML/CSS편집 작업 후에 시행하도록 합니다.
2.4 꾸미기 > 꾸미기 > 화면설정 > 화면출력 설정
2.5 기본정보 설정
3. 트위터 위젯 사용법
다운받은 skin.html에는 트위터 위젯이 포함되어 있습니다. 본인의 위젯으로 사용하기 위해서는 다음의 절차에 따라 본인의 위젯을 복사한 후에 해당 skin.html에 붙여넣기를 하셔야 합니다.
◆ 트위터 위젯 적용방법
1. 트위터 계정에 접속하여 설정 아이콘을 클릭한 후 설정 > 위젯 > 새로만들기를 클릭합니다.
2. 사용자 계정을 입력한 후 위젯만들기 버튼을 클릭합니다.
3. 생성된 위젯 코드를 복사한 후 skin.html에 붙여넣기를 합니다.
다만, skin.html 내용중에 폭원, 높이, 색상 등은 이미 블로그에 적합하도록 수정하였으니, widget-id 와 계정부분만 수정하는것도 방법일 수 있습니다.
4. 티에디션 사용
본문의 화면구성은 티에디션을 사용하였습니다. 티에디션은 화면구성 및 노출시키고 싶은 목록등을 사용자가 임으로 설정할 수 있을 뿐만 아니라, html을 직접 수정할 수 있어 상당히 편리한 화면구성 툴입니다.
본 블로그에서는 1개의 목록형과 2개의 갤러리형으로 구성하였습니다.
구성방법은 워낙 사용법이 간단하고 편리함에 따라 별도로 설명하기 보다는 설정된 값을 제공함으로써 정리토록 하겠습니다. 물론 개인의 취향에 따라 적절히 조정하시면 됩니다.
4.1 목록형 구성내용
4.2 갤러리형 구성내용
