차근차근 개발일기+일상

안녕하세요 그 동안에 티스토리의 기본 스킨을 사용하고 있었는데 오랜만에 블로그를 다시 시작하는 것이라 글쓰기 에디터에서 적용한 글씨 폰트라던가 디자인이 적용이 되지 않는 문제가 있었습니다 글 확인을 열심히 해야하는데 확인을 하지 않아서... 그 동안 그냥 넘어가고 있었습니다 ㅠ 이러저리 방법을 찾다 이번에 제 블로그를 Odyssey로 스킨을 변경하면서 글 본문도 제가 글쓴대로 깔끔하게 변하고 블로그도 새로워진 느낌이 됐습니다 이제 스킨을 변경한 방법과 스킨 편집에 어떠한 것들이 있고 어떤 기능들을 하는지 알아보겠습니다 스킨 변경 1. 블로그의 관리자 페이지로 이동합니다 2. 오른쪽 탭에서 꾸미기 탭의 스킨 변경 메뉴를 선택해 스킨 변경으로 이동합니다 3. 변경하려는 스킨에 마우스를 올려놓으면 "미리보기"..

안녕하세요 티스토리의 코드블럭에 플러그인에서 제공하는 코드 문법 강조를 적용하면 기본 포함 8개의 템플릿만 제공합니다 위처럼 8개만 제공하고 있습니다 8개의 템플릿만 쓰기에는 몬가 조금 아쉽습니다 highlight.js에서 제공하는 여러가지의 템플릿을 사용해서 프로그래밍 소스를 좀 더 다양한 디자인으로 보여줄 수 있습니다 이제 highlight.js를 적용하는 방법에 대해서 알아보겠습니다 1. 먼저 플러그인에서 코드 문법 강조가 적용이 되어있다면 "해제"를 해줍니다 이번에 highlight.js를 제공하면서 계속해서 적용이 안 되서 고생을 했는데 플러그인의 코드문법강조가 적용이 되어있는 것이 원인이었습니다 highlight.js를 적용 전 플러그인을 확인해봅시다 2. 다음으로 highlightjs 페이지..

안녕하세요 개발자 블로그를 운영한다면 내가 작성한 코드를 소스 하이라이트를 사용해서 올렸을 것입니다 저도 지금까지 Colorcolorscripter를 사용해서 소스코드를 올렸습니다 근데 티스토리 블로그 글쓰기의 기본 기능 중에 "코드블럭"이 그 기능을 제공하고 있었습니다 그걸 이제 알았네 ㅠㅠ;; 코드블럭의 사용방법 및 디자인의 변경 방법에 대해서 알아보겠습니다 1. 글쓰기 들어가면 오른쪽 상단의 ... 아이콘을 볼 수 있습니다 ... 아이콘을 클릭하면 글쓰기에 사용하는 메뉴들이 팝업이 됩니다 메뉴 중에서 "코드블럭"을 선택합니다 2. 코드블럭 삽입 창이 나타나면 상단에서 내가 올리려는 코드의 언어를 선택합니다 언어를 선택하고 안의 코드를 입력하고 확인 버튼을 눌러 글쓰기 에디터에 코드를 입력합니다 3...

안녕하세요 이번에는 본문 중간에 구글 애드센스 광고를 삽입하는 방법에 대해서 알아보겠습니다 저도 얼마 전에 구글 애드센스의 승인이 떨어져서 애드센스를 알아보고 있습니다 다른 블로그들을 보면 중간중간에 광고를 삽입하는 것을 보고 제 블로그에도 광고를 넣어봤습니다 그 방법에 대해서 알아보겠습니다 1. 첫 번째로 본문 광고를 달기 위해서 구글 애드센스 홈에 접속합니다 홈에 접속하여 구글 애드센스에 로그인합니다 로그인을 한 후 왼쪽 탭의 "광고"란의 "개요"에 들어가면 아래의 이미지와 같은 화면이 나타납니다 메인화면의 "광고 단위 기준"탭에 접속해줍니다 2. "광고 단위 기준"탭에 접속하면 신규 광고 단위 만들기 페이지가 나타납니다 여러가지가 뜨는 것을 볼 수 있는데 그 중에서 "디스플레이 광고"를 선택합니다 ..

안녕하세요 최근에 구글 애드센스에 통과되면서 블로그에 광고를 넣게되었는데요 하단의 광고 설정을 하면서 목록 상단, 목록 하단의 광고를 활성화시키려는데 목록 상단 치환자가 없어 광고를 설정할 수 없습니다. 스킨을 변경하시거나 치환자를 스킨에 직접 추가해주세요. 라는 에러가 떴습니다 ㅠ 이 에러를 해결하기 위해서는 티스토리 스킨 편집에서 목록 상단 치환자, 목록 하단 치환자를 추가해주시면 됩니다 1. 티스토리에 관리자 메뉴에 접속합니다 관리자 메뉴에 접속하여 꾸미기 - 스킨 편집 메뉴에 접속합니다 2. 스킨 편집 메뉴 화면에 들어가면 하단의 화면이 나타납니다 오른쪽 상단에 있는 html편집 메뉴에 접속합니다 3. html이 나타난 것을 확인하면 목록란에 목록 상단 치환자, 목록 하단 치환자를 추가해야합니다 ..

- 블로그에 프로그래밍 코드 올리기 - colorscripter - 제가 블로그에 프로그래밍 코드를 올릴 때 주로 사용하는 colorscripter에 대해서 알아보겠습니다. http://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 위의 링크에 가시면 colorscripter을 사용할 수 있습니다. 이런 화면이 나타납니다. 첫 번째 메뉴 '언어'에서는 프로그래밍언어를 선택할 수 있습니다. 두 번째 메뉴 '스타일패키지'에서는 스타일을 선택할 수 있습니다. 1 2 3 4 5 6 public CrazyKim_TestForm() { InitializeComponent(); // TODO: Initia..

- 구글 웹마스터 도구 사용해보기 - 구글 웹마스터 도구란 사용자의 사이트를 Google 검색결과 실적을 모니터링하고 관리할 수 있도록 돕기 위해서 Google에서 무료로 제공하는 서비스입니다. 이제부터 구글 웹마스터 도구를 사용하는 방법에 대해서 알아보겠습니다. 1. 웹마스터 도구의 주소로 이동합니다.(https://www.google.com/webmasters/tools/home?hl=ko) 2. 구글에 로그인을 해야하는데 구글 계정이 없다면 구글 계정을 생성해줍니다. 3. 본인의 웹사이트를 웹마스터 도구에 추가해줍니다. 4. 추가가 완료되면 대체 방법으로 들어갑니다. 그 후 HTML태그를 선택한 후 밑의 나온 태그를 복사해줍니다. 5. 티스토리의 관리자에서 HTML/CSS편집에 들어가서 방금 복사한..

- 티스토리 블로그, 네이버 검색엔진에 등록하기 - 이번 포스팅에서는 티스토리 블로그의 네이버 검색엔진에 등록하는 방법에 알아보겠습니다.일단 네이버 검색엔진에 포스팅한 글을 왜 등록해야되는지 알아보겠습니다. 제 블로그의 유입수현황입니다.시작한지 얼마 안되서... 유입수는 얼마 되지 않습니다. ㅠㅠ보시다시피 네이버에서의 유입수가 절반가량을 차지하는 것을 볼 수 있습니다. 그만큼 사람들이 네이버 검색을 많이 활용하는 것을 알 수 있습니다. 그래서 네이버 검색에 등록하기 위한 네이버 웹마스터도구를 사용하는 방법에 대해서 알아보겠습니다.http://webmastertool.naver.com/board/main.naver위의 링크로 접속을 합니다. 1. 밑의 화면처럼 웹마스터 도구가 나옵니다. 로그인합시다. 2...

- 티스토리 블로그 검색엔진에 최적화하기 - 블로그를 운영함에 있어서 블로그를 최적함으로서 검색엔진에 보다 잘 노출되게 할 수 있습니다. 이번 글에서는 티스토리 블로그를 검색엔진에 최적화시키는 방법을 알아보겠습니다. 우선 보통 티스토리에 글을 올리면 이런식으로 타이틀에 노출이 됩니다. 블로그명 :: 제목이 나옵니다. 이제 이것을 제목 :: 블로그명이 나오게 바꿔보겠습니다. 1. 관리자 메뉴의 HTML/CSS 편집으로 들어갑니다. 2. HTML소스에서 :: 을 볼 수 있습니다. 이 부분을 밑의 소스처럼 :: 으로 바꿔줍니다. 이제 블로그를 새로고침하면 제목 :: 블로그명으로 타이틀이 나오는 것을 볼 수 있습니다. 이상으로 티스토리 블로그 검색엔진 최적화하는 방법의 설명을 마치겠습니다.

- 블로그에 프로그래밍 소스코드 올리는 방법 - 블로그에 프로그래밍 소스코드를 깔끔하게 올리는 방법에 대해서 알아보겠습니다. http://colorscripter.com/ 위의 사이트로 접속을 하면 이런 화면이 나옵니다. 이제 언어를 선택한 후 자신이 올리고 싶은 코드를 넣어줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 CGV Project Colored by Color Scripter cs 클립보드에 복사를 클릭한 후 블로그에 복사를 하면 위의 코드처럼 코드가 나옵니다. 이상으로 블로그에 프로그래밍 소스코드를 올리는 방법에 대해서 알아봤습니다. 프로그래밍 블로그를 만드시는 분들에게 도움이 되셨으면 좋겠습니다.