본문 바로가기

티스토리

티스토리 초간단 애드센스 삽입하기 블로그 관리하다 우연히 발견했습니다. 이런 기능이 생겼다니.... 티스토리에 애드센스를 삽입하는 가장 쉬운 방법인데요. 바로... 플러그인 기능을 이용하는 것입니다. 관리 - 플러그인 설정 - Google AdSense (데스크탑 웹용) 이용 하시면 됩니다. 이미지 보면 아시겠죠? 1. 광고를 설정할 부분을 선택 2. 광고 코드 삽입 이러면 끝.. 이제 머리아프게 HTML/CSS 에서 코드 수정할 필요가 없네요. 완전 편하쥬??? 더보기
티스토리 사이드바 제거하기 티스토리 블로거님들 안녕하세요. 티스토리 사이드바를 제거하는 방법을 공유하고자 합니다. 어렵지 않아요. 먼저 변경전 스킨을 꼭 저장해두시고 !! 시도하시길 바래요. 1. 사이드바 목록제거2. css 레이아웃 편집 이 두가지만 하면 되는데요. 먼저... 1. 사이드바 목록제거 티스토리 관리 - 사이드바 메뉴로 들어갑니다. 현재 사용하는 사이드바 목록들이 나오는데요. - 버튼을 눌러 사이드바 모듈을 모두 제거 합니다. 깨끗하네요.. 저장하시고요. 2. css 레이아웃 편집 티스토리 관리 - HTML/CSS 편집 메뉴로 들어가시고요. Ctrl+F 검색으로 '레이아웃' 을 찾습니다. style.css 에 1곳 검색될거에요. 조금만 내려보면#content 와 #sidebar 가 보이죠? 여기의sidebar wid.. 더보기
티스토리 사이드바 위치 이동하기 티스토리 사이드바 위치 이동하기 팁 입니다. 사이드바를 좌/우 변경하고 싶을때 HTML/CSS 편집에서 손쉽게 수정 가능한데요. style.css 을 수정하시면 되요. 먼저티스토리 - 관리 - HTML/CSS 편집 페이지 이동 후'레이아웃' 으로 검색합니다. 결색결과 1개만 나올거에요. 밑으로 좀내려보시면 #content 와 #sidebar 가 보이죠? 여기에 있는 float 값을 변경해주면 되는데요. 우측에 있는 사이드바를 왼쪽으로 변경하고 싶다면 #content 의 float:left;#sidebar 의 float:right;두개를 서로 변경해주면 됩니다. 간단하지요. 기존 우측 사이드바 적용 모습이고요. 사이드바를 좌측으로 변경 후 모습이네요. 그럼 즐블하세요~ ====================.. 더보기
티스토리 사이드바에 애드센스 광고달기 티스토리 사이드바에 애드센스 광고를 달아보자. 티스토리에서는 플러그인을 통해 사이드바에 배너출력이 가능하므로 그리어렵지 않다. 하나하나씩 차근히 따라해보시길 먼저 티스토리 관리자 화면에서 플러그인 설정을 클릭한다. 관리 및 통계 부분을 보면 배너출력이라는 플러그인이 있다. 클릭하여서 사용가능하게끔 설정한다. 사이드바를 클릭하면 하단에 HTML 배너출력이 생성된 것을 볼 수 있다. 이 HTML 배너출력을 통해서 사이드바에 원하는 HTML 태그 및 광고 삽입이 가능하다. + 버튼을 클릭하여 사이드바1 쪽으로 이동한 후 편집 버튼을 누르면 HTML 배너출력에 태그를 삽입할 수 있다. 광고이름과 HTML소스 (구글 애드센스 광고소스) 를 입력한 후 확인을 누른다. 사이드바에 출력할 광고 사이즈로는 보통 160x.. 더보기
티스토리 자간 (글자 간격), 줄간격 설정하기 여러 블로그들을 방문하다보면 유독 글자들이 술술 잘 읽히는 블로그가 있다. 그러한 블로그 들의 공통점을 살펴보니, 바로 글자 간격, 줄 간격을 수정하여 가독성을 최적화한 것이었다. 티스토리 기본 설정의 글자간격, 줄간격은 매우 촘촘하여 눈이 아프다. (왜 이렇게 해놓은겨ㅜㅜ) 간단한 작업으로 가독성 좋은 블로그로 거듭날 수 있으니 여러분들도 글자 간격과 줄 간격을 수정하시기를 권장한다. 그럼 블로그의 글자 간격, 줄 간격 설정 방법을 알아보도록 하자. 1. 관리자 페이지로 이동한다. 2. HTML/CSS 편집을 클릭하여 다음과 같이 skin.html 을 수정한다. (이미지가 잘 안보일 경우 클릭해서 보세요!) 'Ctrl + F' (찾기) 입력하여 "article"을 검색한다. 몇개의 'article' 이.. 더보기
티스토리 본문 글자색 변경하기 (색상표 참조) 티스토리를 하다보면 스킨은 마음에 드는데 글자색이 검정이 아니라서 가독성이 떨어지는 경우가 종종있다. 눈도 아프고.. 그래서 포스팅 할때마다 일일이 검은색으로 글자색을 변경하곤 했다. 그런데 두둥! HTML/CSS 편집을 이용하여 본문 기본 글자색을 설정할 수가 있었다. (사서고생을 ㅜㅜ) 그럼 티스토리 본문 글자색을 변경하는 방법에 대해 알아보자. 1. 티스토리 블로그 관리자 페이지로 들어가서 'HTML/CSS 편집' 메뉴를 누른다. 2. Ctrl+F (찾기) 를 눌러 'post-body-color' 라는 단어를 찾는다. 3. 찾은 단어 우측 '#XXXXXX' 를 변경하여 본문 글자색을 설정한다. 이렇게 하면 본문 글자색이 바뀐다. 간단하다. 검정색으로 하려면 #000000 으로 하면된다. 그 외에 글.. 더보기
티스토리에 SyntaxHighlighter 3.0.83 적용하기 초간단 syntaxhighlighter 사용하기 *본 포스팅은 최신버전인 syntaxhighlighter_3.0.83를 기준으로 설명한다. syntaxhighlighter 다운받기 syntaxhighlighter 사이트에 접속해 최신버전을 다운받는다. 티스토리에 파일 업로드 하기 다운받은 파일의 압축을 풀어보면 위 사진과 같은 파일들이 나올 것이다. 그 중, scripts 폴더와 styles 폴더를 티스토리에 업로드 해야한다. 티스토리 - 관리 - HTML/CSS 편집 - 파일업로드에 들어간 후 추가 버튼을 눌러 위에서설명한 scripts 폴더와 styles 폴더를 업로드 한다. HTML/CSS에 코드추가 티스토리 - 관리 - HTML/CSS 편집 - HTML/CSS로 이동하여 skin.html에 코드를 추가한.. 더보기