잡스러운 것의 집합

Microsoftword 2007 부터 티스토리에 연결하여 글을 작성할 수 있다. 그 방법은 다음을 따라가면 된다. 워드를 처음에 다음과 같은 화면이 뜨는데 ‘블로그 게시글’을 선택 합니다. ‘블로그 게시물’을 선택하였다면 다음 화면이 나옵니다. 중앙에 있는 ‘만들기’를 선택하여 다음 단계로 진행합니다. ‘블로그 계정 등록’에 관한 안내가 나옵니다. ‘지금 등록’을 선택합니다. ‘나중에 등록’을 선택하였다면 상단의 메뉴를 찾아보면 등록에 관련된 메뉴가 있습니다. 그것을 이용하면 됩니다. ‘새 블로그 계정’ 에 관한 창이 나옵니다. 블로그를 선택하는 것인데 기본으로 등록되어 있는 것은 ‘블로거(구글 블로그), SharePoint 블로그, Telligent 커뮤니티, TypePad, wordpress, 기타..

파일 메뉴에는 게시물을 생성, 저장, 인쇄, 블로그에 올리는 메뉴를 가지고 있습니다. 기능은 메뉴에 나와 있는 그대로 입니다.좀 알아야 하는 것중에 한가지는 "열기" 기능입니다.이 기능은 임시로 저장했던 글이나 블로그에 있는 글을 다시 편집 할 수 있습니다. 편집 메뉴는 일반적인 워드프로세서, 텍스트에디터와 비슷합니다.여기에 카테고리가 있습니다. 이것으로 티스토리에서 카테고리 분류되어 있는 것을 지정합니다. 보기 메뉴는 현재 Live Writer 에 보여지고 있는 창에 대한 것입니다.편집은 글을 작성할수 있는 창을 말합니다.미리보기는 작성된 글이 어떻게 보여지는지 확인합니다.소스는 작성된 글이 Html로 어떻게 되어 있는지 보여줍니다.편집, 소스에서만 입력이 가능합니다.스킨 사용 편집은 현재 블로그에 적..

MS에서 Live Writer 라는 프로그램을 배포하고 있습니다. 이것은 여러가지 블로그에서 웹 브라우저가 아니라 일반 편집기 형태에서 글을 작성하고 전송을 할수 있는 프로그램입니다. 티스토리에서는 이것을 지원합니다. 일단 다음사이트에 가서 프로그램을 다운로드 받습니다. Microsoft Live Writer 받으러 가기 설치를 실행하면 처음에 Windows Live에서 지원하는 여러가지 설치할 프로그램 선택화면이 나옵니다. 개인이 필요한 것을 선택하여 다음을 눌러 설치를 진행합니다. 저는 다른 것은 필요 없기 때문에 Write 만 선택을 했습니다. 프로그래스바가 진행이 되면서 설치를 수행합니다. 필요한 여러가지들을 네트워크를 통해 전송 받습니다. 모든 것이 완료되면 다음과 같은 창이 나옵니다. 무조건 ..

블로그에 프로그래밍 관련된 여러가지 코드를 올릴때 보기 좋게 꾸며주는 것들이 있다.이런 것들을 적용할려면 스킨 또는 템플릿의 html 편집이 가능해야 한다.구글 블로그도 가능하기는 한데 해당하는 js 파일을 올리는 기능이 없다. 그렇다면? CDN 에서 제공하는 것을 이용하면 된다. jQuery 및 javascript 외부에서 추가하는 여러가지 방법 위글에서 3번째 cdnjs 에서 SyntaxHighlighter를 호스팅하고 있다.이것을 이용하여 구글 블로그에 코드 구문 강조 기능을 넣으면 된다. 1. 블로그 설정에서 템플릿 --> HTML 편집을 선택하여 들어간다. 2. html 코드가 나오는데 부분을 찾는다. 3. 그 위에 다음과 같은 코드를 넣어야 합니다. 4. 위 설정을 완료했으면 저장을 하면 됩니..

블로그를 운영하면서 약간의 돈을 벌기 위한 방법은 광고를 페이지에 설정하는 것이다. 이런 것을 운영하는 곳은 여러곳이 있다. 현재 알고 있는 곳들은 다음과 같다. 1. 구글 애드센스 ( http://adsense.google.com/ ) 세계적으로 가장 많이 사용하는 시스템으로 현재 가장 많이 사용하는 것 같다. 광고의 형태도 가장 다양하고 예전에는 수표를 국제우편으로 받는 방식이었다. 현재는 웨스트유니온퀵캐시를 통해 은행에서 바로 지급받을 수 있는 방법도 있다. 수익이 100달러가 넘으면 당월 31일 이후 지급된다. 우리나라에는 그런 사례가 없지만 외국에는 한달에 몇천~억대 까는 버는 사람들도 있는듯 하다. 2. 리얼센스 ( http://www.realclick.co.kr/ ) 구글 애드센스와 유사한 ..

공식사이트 http://www.ivythemes.com/2012/12/gremble-blogger-template.html 브라우저 사이즈가 변경되면 화면이 자동으로 변하는 반응형 템플릿이다.상단에는 메뉴바를 구성하여 필요한 것을 구성할수 있도록 되어 있다.카테고리(Categories)는 라벨(Label)에 의한 분류이다.왼쪽에는 인기글, 댓글, 전체글 목록을 보는 탭으로 구성되어 있다.아래쪽에는 Footer 토글을 두어서 클릭을 통하여 나타나는 것이 있고 맨꼭대기 화면으로 가는 버튼이 있다. 데모사이트 보기 http://gremble-ivy.blogspot.kr/다운로드 http://ivy-hosting.googlecode.com/files/Gremble.zip 적용하는 방법은[블로그 꾸미기] - 구글..

공식 사이트 : http://www.ivythemes.com/2012/12/thetuts-responsive-blogger-template.html 반응형 웹이 적용되어 있어 페이지 크기에 따라서 화면이 자동으로 변경된다.상단에는 소셜과 관련된 것이 적용되었고 라벨에 따른 메뉴가 있어 구분이 편리하다.검색창은 라벨을 검색하도록 적용되어 있고 오른쪽에는 인기글, 댓글, 전체글 목록을 보는 탭으로 구성되어 있다. 데모사이트 보기 http://thetuts-ivy.blogspot.kr/다운로드 http://ivy-hosting.googlecode.com/files/TheTuts_Blue.zip 스킨 적용법은[블로그 꾸미기] - 구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법

티스토리에 다음뷰를 통하여 최신글, 인기글, 추천글등을 표시해주는 위젯을 사용할려고 했다. 적용하기 위해서 다음뷰에 갔더니 아무것도 보이지 않는다. 2013년 7월 다음 뷰(daum view)가 개편되면서 변경되었다. 검색을 해보아도 다음뷰페이지에서 적용하는 방법에 대한 설명만 있다. 위젯뱅크를 가보아도 안보이고 이것저것 살펴보다가 해결방법을 찾았다. * HTML 편집 가능자, 스킨 / HTML 수정이 불가능한 사람(사이드바를 사용하여 입력) 공통사항 예시 문장 skin : 스킨번호 1~5까지 있는 것 같다 원하는 숫자를 선택하여 적용한다. page_size : 화면에 나올때 글리스트를 몇개나 출력하는지 원하는 숫자를 적어주면 된다. init_type : 출력할 글 종류를 나타낸다, 아무것도 없으면 최신..

공식사이트 http://urang-kurai.blogspot.com/2013/03/DCM-DARK.html 데모 사이트 실행(Demo Site) 템플릿 다운로드(Download) jQuery를 이용한 사진 갤러리 형태의 템플릿 반응형 웹이 적용되어 있어 화면이 축소되면 그 화면에 맞도록 다시 배치를 수행한다. 왼쪽의 메뉴는 좌측에서 우측으로 슬라이딩 형태로 동작한다. 스크린샷 구글 블로그에 적용을 하는 방법은 * 구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법 http://crazyits.tistory.com/117 을 참고하면 됩니다.

공식사이트 : http://urang-kurai.blogspot.com/2013/05/dcm-white.html 템플릿 다운로드(Download) 데모 사이트 실행(Demo Site) jQuery를 이용한 사진 갤러리 형태의 템플릿반응형 웹이 적용되어 있어 화면이 축소되면 그 화면에 맞도록 다시 배치를 수행한다. 왼쪽의 메뉴는 좌측에서 우측으로 슬라이딩 형태로 동작한다. 스크린샷 구글 블로그에 적용을 하는 방법은 * 구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법 http://crazyits.tistory.com/117 을 참고하면 됩니다.

구글 블로그 (blogger.com) 스킨(템플릿)을 바꾸는 방법 구글 블로그에서 제공되는 스킨이 있지만 외부에서 만들어진 것을 사용하거나 직접 만든 스킨을 적용할려면 다음과 같은 순서를 따라 가면 된다. 1. blogger.com 에 로그인을 해서 우측에 보이는 문서를 클릭하여 나오는 메뉴에서 템플릿을 선택한다. 2. 현재 적용된 템플릿과 모바일에 관한 미리보기가 보이는데 우측 상단에 보면 백업/복원이 있습니다. 이것을 클릭하여 들어갑니다. 3. 위에서 백업/복원 을 눌렀다면 다음과 같은 창이 생성됩니다. 찾아보기를 선택하여 인터넷에서 받은 템플릿 파일을 보면 ~~~~.xml 파일을 업로드 하면 됩니다.

skin.html 을 수정하고 파일을 업로드 하여 SyntaxHightlighter 적용하였다. http://crazyits.tistory.com/114 티스토리 코드 구문 강조(SyntaxHightlighter) 적용하기 (1) 2. SyntaxHightlighter의 서버를 이용하는 방법 호스트를 이용하면 트래픽(?)을 감소시킬수 있다. 그렇지만 해당 서버에 그 트래픽을 주는 것이므로 적용하는 것은 개인의 선택이다. 단점이라면 저쪽에서 읽어오는 것이기 때문에 속도, 그리고 블로그가 살아있어도 호스팅되는 서버가 죽으면 코드 강조가 작동되지 않는다.1. 적용을 하기 위해서는 티스토리 관리자 페이지로 갑니다. 2. 좌측의 메뉴를 보면 HTML/CSS 편집이 있습니다. 이것을 선택 3. 우측에 skin.ht..

웹페이지에 소스코드를 넣고 따로 작업을 하지 않으면 읽기 힘들다. 코드를 보기 좋게 꾸며주는 기능을 Syntax Highlighting 라고 한다. 티스토리는 스킨의 Html을 수정할수 있어 적용이 가능하다. 적용할 것은 http://alexgorbatchev.com/SyntaxHighlighter/ 에 있는 것으로 Apache, Aptana, Mozilla, Yahoo, Wordpress 등등 여러곳에서 사용하는 제품이다. 사용하는 방법은 두가지가 있는데 그중에서 1. 티스토리 서버에 업로드 하여 사용하는 방법을 해보겠습니다. http://alexgorbatchev.com/SyntaxHighlighter/ 에 접속하여 우측을 보면 download(다운로드)가 있습니다. 그 곳을 클릭하여 페이지를 이동합..