블로그/블로그 디자인(119)
-
티스토리 블로그 모바일웹 스킨 적용하기
티스토리에서 만든 블로그는 휴대폰으로 볼 때 자동으로 모바일웹 페이지로 전환됩니다. PC로 보는 화면과 달리 모바일에서 최적화된 페이지를 제공하여 편리하기도 하지만 한편으로는 획일화되고 뭔가 밋밋한 디자인 때문에 수정해 주는 것이 좋습니다. 오른쪽 화면을 보시면, 상단의 화면이 티스토리에서 기본으로 제공하는 모바일웹 스킨의 모습입니다. 재미도 없고, 감동도 없는, 그저 그런 모습을 하고 있습니다. 하단의 화면은 모바일웹 스킨을 변경한 모습입니다. 티스토리에서 기본으로 제공하는 모바일웹 스킨을 적용하고 메뉴탭을 변경했습니다. 모바일웹 스킨은 관리자 페이지에서 수정할 수 있는데요. 티스토리에서 제공하는 다양한 디자인의 스킨을 그대로 적용할 수도 있고, 메뉴 변경, 타이틀 이미지 수정, 페이지 구성 변경 등 ..
2013.05.16 -
티스토리 블로그 나눔고딕 웹폰트 적용하기
나눔고딕은 네이버(NHN)이 무료 배포하는 폰트로 많은 이들로부터 사랑받고 있는 글씨체입니다. 티스토리 블로그는 기본적으로 나눔고딕 폰트를 제공하지 않아 웹폰트라는 것을 이용해서 나눔고딕체를 적용할 수 있습니다. 웹폰트의 장점은 다른 방식의 폰트 적용과 달리 블로그 방문자의 컴퓨터에 나눔고딕체가 없더라도 나눔고딕체로 보이게 할 수 있다는 점입니다. 장두현닷컴 역시 구글 웹폰트를 통해 나눔고딕체로 보여지게 했습니다. 구글 웹폰트 나눔고딕체 http://www.google.com/fonts/earlyaccess 링크를 따라 구글 웹포트 서비스 페이지로 접속한 후 수동으로 나눔고딕체를 찾아볼 수 있는데 이 방법은 추천하고 싶지 않습니다. Ctrl키 + F키를 눌러 'Nanum' 이라는 검색어를 입력하면 바로 ..
2013.05.16 -
티스토리 블로그 아이콘, 파비콘 삽입하기
블로그 글에 댓글을 작성하거나 방명록에 글을 남기면 내 닉네임 옆에 보여지는 로고스러운 이미지를 우리는 흔히 블로그 '아이콘'이라 부릅니다. 즉 내 닉네임을, 나란 사람을 대표하는 이미지를 말합니다. 아이콘과 달리 파비콘은 인터넷 브라우저 주소창에 표시되는 이미지로 블로그나 웹사이트를 대표하는 이미지를 일컫습니다. 내 티스토리 블로그에 아이콘, 파비콘 삽입하는 방법입니다. 아이콘 파인더 접속하기 http://www.iconfinder.com/ 아이콘 파인더는 양질의 아이콘을 무료로 제공하는 웹사이트입니다. 파비콘 역시 여기서 구할 수 있습니다. 아이콘 파인더에 접속하고 검색어로 아이콘을 찾아봅니다. 사과 아이콘을 검색하려고 apple라는 단어를 입력했습니다. Search 클릭! 애플사의 로고도 보이고 먹..
2013.05.16 -
티스토리 블로그 외부스킨 적용하는 방법
티스토리는 다양한 디자인의 블로그 스킨을 무료로 제공하고 있는데 뭔가 부족한 생각이 드는 게 사실입니다. 하지만 걱정마세요! 웹디자인을 전공했거나 HTML, CSS등에 대한 이해도가 높은 분들이 자체적으로 제작한 스킨을 무료로 배포하고 있습니다. 해외의 유명 서비스 워드프레스 테마를 티스토리 형식으로 컨버젼한 스킨에서부터 웹디자이너이자 블로그 운영자인 분이 직접 만든 사진 블로그용 유료 스킨까지 각양각색의 블로그 스킨이 준비되어 있습니다. 티스토리에 외부스킨을 적용하는 방법입니다. 티스토리 블로그 무료 배포 스킨 BEST 10 http://bloggertip.com/4086 위의 링크를 클릭하고 무료 배포 스킨 목록을 구경합니다. 마음에 드는 스킨을 골랐다면 아래에 보이듯 링크를 클릭합니다. 저는 2번의..
2013.05.16 -
티스토리 블로그 카테고리 만들고 메뉴 정리하기
블로그를 개설한 후에는 블로그 카테고리를 만들어봅니다. 블로그 카테고리는 너무 많지 않도록 간결하게 만드는 것이 좋습니다. 하위 카테고리는 2단까지 제공하며 새글 아이콘 디자인 등 몇가지 세부 설정도 잡아줄 수 있습니다. 티스토리 블로그에서 카테고리를 만들고 불필요한 메뉴를 없애는 방법에 대해 알아보겠습니다. 티스토리 블로그에 로그인하고 내 블로그에 접속합니다. 블로그 오른쪽에 '관리자' 메뉴가 있습니다. '관리자' 버튼을 클릭합니다. 관리자 화면에서 좌측 '카테고리 설정'을 누르면 카테고리 세부 설정창이 나타납니다. 추가를 누르면 새로운 카테고리를 생성할 수 있고, 수정을 눌러 카테고리 이름을 변경할 수 있습니다. 카테고리를 몇개 만들어봤습니다. 티스토리 블로그는 2단까지만 카테고리 생성을 지원하므로 ..
2013.05.16 -
티스토리 블로그 무료 배포 스킨 적용하는 방법
티스토리 운영진이 아닌 일반 블로거들이 제작/배포하는 스킨을 소개한 적이 있습니다. 오늘은 자신이 원하는 스킨을 다운로드 받고 블로그에 적용하는 방법에 대해 알아보겠습니다. 티스토리에서 기본적으로 제공하는 스킨도 예쁘지만 아마추어 스킨 제작자가 만든 스킨도 예쁜 게 많으니 잘 찾아보고 적용해 보세요. 사진 Kevin Dooley 티스토리 블로그 무료 배포 스킨 BEST10 포스트를 열어봅니다. http://bloggertip.com/4086 10개의 스킨을 모아 소개했는데 마음에 드는 스킨 디자인을 골라 다운로드 링크를 클릭하면 됩니다. 첫번째에 소개한 노트패드 스킨을 적용해보겠습니다. 파란색 링크를 클릭합니다. 스킨 제작자가 무료 배포하는 스킨의 다운로드 페이지가 나옵니다. 보통 스킨 다운로드 파일은 ..
2012.11.19