IT & 기타 676

티스토리에서 jQuery 스크립트 추가하기

티스토리에서 jQuery 코드를 추가해야 하는 상황에서 구글 검색을 통해 jQuery 스크립트를 추가하는 방법을 참고하여 추가해보았습니다. 추가한 스크립트는 잘 작동하지만 스킨에서 로드되는 다른 스크립트가 제대로 작동하지 않네요. 여러 방법으로 테스트해보니 다음과 같은 형식으로 태그 바로 위에 추가하니 제대로 작동하네요. 스킨에서 제이쿼리를 로드하는 코드가 이미 적용되어 있어서 별다른 추가 작업 없이 위와 같은 형식으로 코드를 추가해주니 별 문제가 없이 작동하고 있습니다. 참고로 다음과 같은 형식으로 추가해보니 스킨에서 로드되고 있는 스크립트가 제대로 로드되지 않는 현상이 발생하네요. 참고로 가입형 워드프레스(wordpress.com)의 경우 무료 플랜에서는 워드프레스에서 제공하는 테마(무료 혹은 유료)..

티스토리 블로그 사이트맵 파일 생성

티스토리가 네이버와 다음에서 검색이 비교적 잘 되는 것 같습니다. 하지만 이 블로그의 경우 구글에서 검색이 거의 되지 않고 있습니다. 원인은 사이트맵을 생성하여 제출하지 않았기 때문입니다. 약 열흘 전에 이 블로그를 시작하면서 네이버, 구글에 등록할 때 RSS를 제출하는 것이 설명된 글을 참고해서 RSS만 제출한 상태였습니다. 오늘 살펴보니 구글에서 제대로 인덱스가 되지 않고 있네요. 그래서 http://www.web-site-map.com/ 사이트에서 사이트맵을 생성하여 사이트맵 파일을 비공개 글에 첨부한 후에, sitemap.xml 파일의 링크를 구글 웹마스터도구에 등록했습니다. 시간이 지나면 구글에서도 검색이 될 것 같습니다. 다음(Daum)의 경우 검색 품질이 떨어지는 것 같은 느낌이 듭니다. 간..

티스토리 게시글에 댓글 개수와 링크 표시하기

워드프레스에서는 개별 글에서 제목 아래나 옆에 댓글 개수와 링크가 표시되는 경우가 많습니다. 하지만 티스토리 블로그에서는 글 제목 옆이나 바로 아래에 댓글 개수와 링크를 표시하는 스킨은 거의 없는가 보네요. (어쩌면 제가 찾지 못할 수도 있고요.) 약간의 삽질 끝에 이 티스토리 스킨에 글 제목 옆에 댓글 개수와 링크를 표시했습니다. 티스토리 스킨에 댓글 개수와 링크 표시하기 이 블로그에는 기본 스킨 중 하나인 #1 스킨이 사용되고 있습니다. #1 스킨이 나름대로 깔끔해서 마음에 들지만 조금 부족한 것이 보이네요. 그래서 시간이 날 때마다 조금씩 수정하고 있습니다. 게시글에서 글 제목 옆에 위의 그림과 같이 댓글 개수와 링크를 표시하려면, 먼저 스킨 파일에 다음 링크를 적절한 곳에 추가합니다. 위치는 스킨..

국민연금 반환일시금

국민연금을 받으려면 최소 10년(120개월) 이상 가입해야 하며, 그렇지 않으면 연금형태로 평생 받지 못하고 그간 낸 보험료에다 약간의 이자를 더해 반환일시금으로만 돌려받을 수 있다고 하네요. 하지만 이런 반환일시금마저 청구하지 않아 소멸시효 완성으로 받지 못하는 사례가 좀처럼 줄지 않고 있다고 합니다. 최소 가입요건인 10년을 채우지 못한 채 국민연금 의무가입연령인 60세에 도달하거나 사망, 국외 이주, 국적상실 등으로 국민연금에 더는 가입할 수 없게 되면 반환일시금을 수령하게 된다네요. 혹시 위의 조건이 된다면 국민연금공단에 청구하여 반환일시금을 받으시기 바랍니다. 정부는 최근 국민연금법을 개정해 반환일시금을 받을 권리를 5년간 행사하지 않으면 소멸시키던 것을 10년으로 연장해 국민연금 수급권을 한층..

IT & 기타 2017.10.22

이중언어 부모교육 프로그램 - '두가지 언어로 아이 키우기'

다문화 가정을 위한 이중언어 부모교육 프로그램을 은평구다문화가족지원센터에서 진행한다고 하네요. 이중언어 부모교육이란 '부모와 자녀가 모국어로 자연스럽게 상호작용을 하는 방법과 이중언어습득에 필요한 교육'입니다. 제가 아는 분은 베트남에 여행을 갔다가 대학을 갓 졸업한 여성을 만나서 결혼했는데, 한국말을 배워서 시험을 치른 후에야 신부가 국내에 들어오더군요. 예전에는 한국어를 잘 모르는 상태로 한국에 와서 문제가 많았던 것 같습니다. 최근에는 엄격한 정책 때문에 대부분 한국어를 어느 정도 아는 상태에서 한국에 입국하는 것으로 알고 있습니다. 이중언어 부모교육 프로그램에 대한 자세한 내용은 여기를 참고해보세요.

IT & 기타 2017.10.18

티스토리의 코드 블록에서 강제 줄바꿈

티스토리에서 서드파티 에디터를 사용하여 글을 작성하고 있습니다. 코드 블록 기능을 사용하여 코드를 삽입하니까 긴 라인이 줄바꿈 없이 코드 블록을 벗어나서 어색하게 표시되네요. 저는 다음과 같은 코드를 추가하여 강제로 줄바꿈이 되도록 했습니다./* 강제 줄바꿈 */ .skin_view .area_view pre { white-space: pre-line; } 이제 제대로 줄바꿈이 되어 표시되네요.ㅎㅎ 위의 방법으로 잘 안 되는 경우 "CSS를 사용하여 긴 URL / 긴 문자 강제 줄바꿈"에 제시된 코드를 시도해보시기 바랍니다.

이미지 아래에 캡션(자막) 추가하기

워드프레스에서는 이미지에 캡션(자막)을 매우 쉽게 추가할 수 있습니다. 하지만 티스토리에서 서드파티 에디터를 사용하니 이미지를 삽입하는 것이 불편하고 캡션을 넣을 수 있는 옵션도 없네요.ㅠㅠ 어떻게 할까 고민하다가 stackoverflow에 제시된 소스를 참고하여 이미지를 삽입하고 글을 발행한 후에 다시 편집하여 캡션을 넣기로 했습니다. 이미지에 캡션을 추가하는 방법은 다음 stackoverflow 글을 참고하면 됩니다. How to write a caption under an image? 저는 위의 글을 참고로 하여 다음과 같은 형식으로 HTML 코드를 추가했습니다.Science 데모에 포함된 컨택트 폼 그런 다음 "워드프레스 이미지 캡션 변경하기" 글을 참고하여 다음과 같은 CSS 코드를 추가했습니다..

IT & 기타 2017.10.17

티스토리에서의 애드센스 수익이 무효처리되네요

이 블로그를 시작한지 며칠 되지 않지만 구글 애드센스 광고를 적용하고 있습니다. 물론 방문자 수가 몇 명 되지 않습니다. 하지만 간혹 0.01~0.03달러의 수익이 잡히다가 금방 사라지네요. 다른 블로그에서는 이런 현상이 나타나지 않았는데 티스토리에서는 왜 이런 현상이 나타나는지 모르겠네요. 물론 자신의 광고를 자신이 클릭하면 부정클릭이 되어 애드센스 광고가 중단될 수 있습니다. 저는 그런 바보 같은 짓은 안 하죠.ㅎㅎ 이 블로그는 어제까지 주로 다음에서 방문자들이 유입되었습니다. 오늘 확인해보니 네이버에서 많이 들어오고 있네요. 다른 블로그에 설치된 구글 애널리틱스에 의하면 다음(Daum)의 경우 이탈률이 네이버나 구글보다 10% 더 많이 잡히네요. 빙(Bing)도 이탈률이 높은 편입니다. 구글 네이티..

티스토리 사이드바에 HTML 코드 추가하기

현재 사용 중인 기본 티스토리 스킨인 #1에는 사이드바가 푸터에 표시되고 있습니다. 결과적으로 전체 폭(Full-width)로 글이 표시되어 방문자 입장에서는 글을 읽기가 편하게 되어 있는 것 같습니다.티스토리 사이드바에 HTML 코드 추가하는 방법 사이드바에 배너를 하나 추가하려고 하니 사이드바에서 배너를 추가할 수 있는 모듈을 찾을 수가 없네요. 조금 살펴보니 플러그인에서 배너출력 플러그인을 설정해주면 HTML 코드를 사이드바에 추가할 수 있네요. 설정하기를 클릭하면... 적용을 클릭하면 배너출력 모듈이 사이드바에 추가됩니다. 사이드바에 HTML 배너출력 모듈이 추가된 것을 확인해볼 수 있습니다. 기본적인 내용인데요. 워드프레스를 사용하다가 티스토리를 이용해보니 사이드바를 구성하는 것이 조금 불편하게..

HTML과 CSS로 심플한 메뉴를 추가했습니다

티스토리 스킨 중에서 기본 스킨 중 하나인 #1을 사용 중입니다. 레이아웃이 깔끔하여 마음에 드네요. 하지만 메뉴가 없습니다. "메뉴 관리"를 클릭하면 "지금 사용하시는 스킨은 메뉴를 지원하지 않습니다. 메뉴를 지원하는 스킨으로 변경후 사용하시기 바랍니다."라는 안내 문구가 뜨네요. 그래서 카테고리(분류) 드롭다운 메뉴를 없애고 대신 Home 메뉴와 몇 가지 카테고리 메뉴가 포함된 가로 메뉴(수평 메뉴)를 추가했습니다. 저는 Dynamicdrive라는 사이트에서 제공하는 HTML 코드와 CSS를 그대로 사용했습니다. Dynamicdrive 사이트로 이동한 다음 상단 메뉴에서 CSS CODES > Horizontal CSS Menus(가로 CSS 메뉴)를 클릭합니다. Horizontal CSS Menus ..

IT & 기타/CSS 2017.10.16
워드프레스 네이버 카페