티스토리 (Tistory)/관리 팁 (7) 썸네일형 리스트형 [티스토리 블로그] 첨부파일 디자인을 깔끔하게 변경해보자 #1 티스토리의 밋밋한 기본 첨부파일..필자는 티스토리 블로그에 'Poster' 스킨을 적용하고 있었다.그런데 파일을 첨부하니까 위 사진처럼 이미지가 깨져 업로드가 돼서 불편함을 느꼈다. 다른 사이트에서는 첨부파일이 버튼형으로 멋스럽던데 티스토리는 어떻게 못할까 하는 생각이 들었다.그래서 이번에는 첨부파일 디자인을 바꾸는 방법에 대해 글을 써보려고 한다. #2 티스토리 스킨 편집 위 사진처럼 첨부파일 디자인을 적용해보려 한다이제부터 몇가지 작업을 해야하는데 조금 복잡할수 있으니 천천히 따라와주길 바란다.먼저 티스토리 관리자 탭에 들어간후 '스킨편집' 버튼 클릭.우측에 'html 편집' 버튼 클릭이런 화면이 나오는데 라고 써진 부분을 찾아 그 다음줄에 아래 코드를 그대로 붙여넣기 해준다. 붙여넣기 한 모습.. 티스토리 글쓰기 - 이미지에 워터마크 넣기 0. 글쓰기 앞서.. 블로그에 글을 올릴때, 이미지에 워터마크를 넣으면 불펌을 방지할수 있습니다. 워터마크란 위 이미지처럼 이미지에 자신만의 서명을 함으로써 불펌을 방지하는 기능을 하는 텍스트나 이미지를 말합니다. 이번 글에서는 티스토리 글쓰기가 지원하는 워터마크 (서명) 기능을 소개하겠습니다. 1. 텍스트 서명 티스토리 글쓰기에서 지원하는 워터마크는 텍스트 서명과 이미지 서명으로 분리됩니다. 먼저 텍스트 서명의 방법을 소개하겠습니다. 티스토리 글쓰기 창의 좌측 상단에 있는 '사진' 버튼을 클릭해주세요. 게시할 이미지를 추가해주세요. ( 여러 장이라도 좋습니다. ) 우측 상단의 '서명' 버튼 클릭. "텍스트 서명" 을 선택하고 문구와 글씨를 꾸며줍시다. 잘 적용된 모습입니다. 만약 내가 올린 모든사진에 .. HTML, CSS, JavaScript 주석 처리 하는법. 0. 글쓰기 앞서.. 티스토리는 프로그래밍 언어를 사용해서 디자인이 가능합니다.좋게 말하면 자유도가 높은 기능이지만 복잡하다는 단점이 존재합니다. 티스토리에서 사용하는 언어는 HTML, CSS, JavaScript 입니다.언어를 수정할때 주석은 필요없는 코드를 실행시키지 않게 하거나, 설명을 달아놓을수 있게 해줍니다. 이번 글에선 언어별 주석 처리하는 방법에 대해 알아보겠습니다. HTML HTML에서는 "" 로 감싸면 주석 처리가 됩니다. JavaScript JavaScript 는 두 가지 방법이 있습니다. 1. "//--내용" " // " 뒤부터 그 줄의 끝까지가 주석 처리 됩니다. 보통 내용이 한 줄일때 사용하는 방법 입니다. // comment 2. "/*--내용--*/" 감싼 부분이 주석 처리 됩.. 티스토리 사진 이미지 경계선 테두리 적용하기 ( 추가 또는 삭제 ) 0. 글쓰기 앞서... 블로그 글을 쓸때 다양한 이미지를 많이 활용합니다. 그런데 위 사진처럼 이미지의 배경이 본문의 배경색과 같을경우, 본문과 이미지를 구분하는데 어려움을 겪을수 있다는 단점이 있습니다.이런 단점을 해결하기 위해 이미지의 경계선이 있으면 좋을것 같습니다. 이번 글에는 티스토리 본문 이미지에 테두리를 적용하는 방법을 알아보겠습니다. 1. CSS 편집 먼저 티스토리 관리탭에 들어가 스킨 편집 / html/css 편집 항목에 들어가주세요. html 편집 클릭. CSS 항목에 들어간후 150~170 줄까지 내려 빨간 네모친 부분 ( 이미지 블럭 ) 을 찾아주세요. 빨간 네모친 부분을 주석처리 해주시고 아래의 코드를 복사해서 붙여넣기 하신후 저장 버튼을 눌러주세요. .imageblock { bo.. 티스토리 사이트맵(sitemap) 만드는 방법: 네이버/구글 웹마스터 도구 0. 글쓰기 앞서.. 블로그 최적화를 위한 필수과정! 이번 글에는 사이트맵을 생성하여 네이버 및 구글 웹마스터에 등록하는 방법에 대해 써보려고 합니다. 사이트맵(sitemap)이란웹페이지의 구조를 검색 엔진이 쉽고 정확하게 이해할 수 있도록 일정한 규칙으로 생성된 XML 문서를 말한다. 웹페이지에 존재하는 하위 컨텐츠들을 URL 형태의 목록으로 정리되어 있으며, 작성자 및 작성일지 등과 같은 부가적인 정보도 기술되어 있다. 이렇게 사이트의 구조가 잘 정리되어진 사이트맵을 통해 검색 엔진은 웹페이지를 정상적으로 스캔할 수있게 된다. 사이트맵을 생성하기 전에 네이버/구글 웹마스터 등록을 하지 않으셨다면 네이버 웹마스터 등록 / RSS 제출하기구글 웹마스터 등록 / RSS 제출하기 먼저 위 링크에서 네이버/구.. 티스토리 블로그 최적화, 구글 웹마스터 도구 등록하기 RSS 제출하기 0. 글쓰기 앞서.. 블로그 최적화를 위한 필수과정! 티스토리 블로그를 운영하는데 있어 웹마스터도구에 자신의 블로그를 연동시킨다는건 매우 중요한 요소입니다. 구글 웹마스터 도구는 본인이 운영하는 사이트와 앱의 검색 반영 및 제외를 위해 검색 반영 현황을 모니터링하고 관리할 수 있도록 제공하는 서비스입니다. 웹마스터 도구를 사용하지 않아도 구글 검색 결과에 사이트 및 웹문서들이 반영될 수 있지만,구글 웹마스터 도구를 사용하시면 사이트가 어떻게 검색에 반영되는지 확인할 수 있어사이트 운영에 많은 도움이 될 수 있습니다. 또한, 검색에 최적화된 웹문서일 경우, 신규 콘텐츠나 수정된 내용이 빠르게 검색 서비스에 반영되는 장점을 가지고 있습니다. 이 기능을 통해 구글 포털사이트에 블로그 상위노출을 노려볼수도 있겠.. 티스토리 블로그 최적화, 네이버 웹마스터 도구 등록하기 RSS 제출하기 0. 글쓰기 앞서.. 블로그 최적화를 위한 필수과정!티스토리 블로그를 운영하는데 있어 웹마스터도구에 자신의 블로그를 연동시킨다는건 매우 중요한 요소입니다. 네이버 웹마스터 도구는 본인이 운영하는 사이트와 앱의 검색 반영 및 제외를 위해 검색 반영 현황을 모니터링하고 관리할 수 있도록 제공하는 서비스입니다. 웹마스터 도구를 사용하지 않아도 네이버 검색 결과에 사이트 및 웹문서들이 반영될 수 있지만,네이버 웹마스터 도구를 사용하시면 사이트가 어떻게 검색에 반영되는지 확인할 수 있어사이트 운영에 많은 도움이 될 수 있습니다. 또한, 검색에 최적화된 웹문서일 경우, 신규 콘텐츠나 수정된 내용이 빠르게 검색 서비스에 반영되는 장점을 가지고 있습니다. 이 기능을 통해 네이버 포털사이트에 블로그 상위노출을 노려볼수도.. 이전 1 다음
