목록IT와 생활/홈피와 블로그 (62)
키스세븐

티스토리 내부 검색 페이지 URL주소 [이전글 넣기 페이지 링크 URL주소와 자신의 티스토리 검색 키워드 활용] 최근 티스토리가 많은 변화를 보여주고 있습니다. 내부 글쓰기 기능도 스마트형으로 변신하고 있어서 좋긴 하지만... 때로는 사라지는 각종 기증과 아직 변화되지 못한 기능은 아쉬움을 줍니다. 대표적인 것은 과거 글쓰기의 수식 기능 같은 것이 있겠습니다. 그런데, 아주 사소하지만 글쓰기에 첨부할 이전 글 넣기 키워드 검색도 변화되면서 아쉬움을 줍니다. 그래서 이전글 넣기 페이지를 통한 티스토리 검색 활용을 할만 한 링크를 저장해 놓습니다. 이것은 이전글 넣기 페이지 링크 URL주소입니다. 이 블로그는 "심심할 때 잡지처럼 읽는 지식"이라는 목적으로 운영됩니다. 즐겨찾기(북마크) 해 놓으면 심심할..
[네이버 웹마스터 도구 리뉴얼 - 서치어드바이저로 개편]웹사이트나 블로그를 운영하는 사람이면 한번쯤 들어가 봤을 것이 구글 애널리틱스와 네이버 웹마스터 도구입니다. 그중 네이버의 사이트 통계 서비스가 개편을 해서 소개합니다. 이런 통계 서비스들은 자신이 운영하는 사이트, 블로그가 검색엔진에 잘 검색되는지를 점검하고 운영 유지에 이용하는 서비스입니다. 블로그, 사이트에 코드를 입력하면 이용할 수 있고 무료로 사용이 가능합니다. 변경 이유와 네이버 서치어드바이저의 내용을 살펴보겠습니다. [엮인 글] 검색엔진 최적화로 방문율 높이기 - 검색엔진 로봇 최적화 robots.txt 네이버 서치어드바이저 소개 웹사이트, 블로그 운영 가이드 및 검색 점검 도구인 네이버 웹마스터 도구가 서치어드바이저로 2019년 10월..
[애드센스 등 CTR, CPC, RPM 뜻 - 광고 수익 용어 뜻] 텐핑, 애드핏, 스폰서애드, 링크프라이스, 애드센스 등 광고 수익의 종류는 많습니다. 그러나 사용하는 광고 용어는 공통이기 때문에 알아두는 것이 좋습니다. 초보자의 경우 CTR, CPC, RPM 뜻을 모르기 때문에 수익 분석을 하지 못합니다. 오늘 얼마 벌었냐만 중요하다면 몰라도 되지만, 내일이나 한 달 후에도 잘 벌 수 있을까가 중요하다면 CTR, CPC, RPM 광고 용어를 알아야 합니다. [엮인 글] 평균, 중앙값, 최빈값 - 평균 연봉 발표가 엉터리인 이유 분석을 많이 하면 수익이 오른다 애드센스 등의 광고 수익을 얻고 있다면 수익분석 페이지를 본 적이 있을 것입니다. 만약 본 적이 없다면 적극적으로 광고 수익을 얻고 있다고 볼 ..
[404 에러페이지 만들기 (404 error 페이지 404.html) - .htaccess 파일] 유명 사이트들은 잘못된 주소로 접근을 하면 "에러 페이지"라는 안내를 해주는 화면이 뜹니다. 이것을 '404 에러페이지' 또는 '404.html'라고 합니다. 물론 개인 홈페이지를 운영하는 경우라도 이런 것을 쉽게 만들 수 있습니다. 그 파일을 .htaccess라고 합니다. FTP 업로드만 할 줄 만다면 누구나 에러페이지를 만들어서 방문자의 실수를 안내해 줄 수가 있습니다. [엮인 글] 제목 타이틀을 변경하는 여러 방법 초보자라면 미리 읽어두기 404 에러페이지 만들기를 하기 전에 어떤 경우에 이것이 필요한지 알아봅시다. 예를 들어 www.kiss7.kr이라는 홈페이지를 운영하고 있다고 할 때, 그 아래에..
[애드센스 빈 광고, 대체광고 - 사용 가능한 광고가 없는 경우] 어떤 페이지는 애드센스 광고가 잘 나오는데 어떤 페이지는 애드센스에 빈 광고나 대체광고가 나오는 경우가 있습니다. 이것은 구글 애드센스 측의 광고 표시에서 문제가 생기는 것이므로 사용자가 어찌할 수는 없습니다. 그러나 사용 가능한 광고가 없는 경우의 옵션을 이용해서 다른 광고를 표시하거나 필요한 기능으로 채우는 방법이 있습니다. [엮인 글]애널리틱스 - 웹로그의 접속자 수와 활성화 사용자수 이해 초보를 위한 애드센스 빈 광고 이해 애드센스가 빈 광고로 나온다면 수익활동에서 손해가 있을 것입니다. 그나마 공익광고라면 좋은 일이라도 하는 것이겠지만 아예 빈 광고 영역이면 사이트 디자인 면에서도 보기 좋지 않습니다. 이런 틈새 문제를 해결하기 ..
[그누보드 홈페이지 만들기 - 그누보드5 테마와 경로] 홈페이지를 만드는 프로그램으로 대표적이 그누보드와 제로보드입니다. 현재 제로보드는 EX라는 이름으로 바뀌었는데, 그누보드도 그만큼 변신을 해서 예전과 많이 달라졌습니다. 그누보드도 테마 기능이 추가되었기 때문입니다. 그래서 그누보드로 홈페이지를 만들기를 하는 중에 그누보드5의 경로로 인한 어려움이 발생하므로, 거기에 대한 이해를 정리하려고 합니다. [엮인 글]그누보드4와 그누보드5의 경로 차이 그누보드 테마 경로가 복잡해진 이유 그누보드란, 홈페이지 만들기 저작도구입니다. 원래 게시판 프로그램으로 출발하였지만 회원관리 기능과 내용 관리 기능들이 추가되면서 현재의 그누보드가 되었습니다. 초보자도 스킨 기능으로 디자인을 꾸밀 수 있는 장점이 있는데, 거..
[유튜브 재생목록 공유, 퍼가기 방법 - 재생목록 주소 소스코드] 유튜브 동영상 공유는 누구나 쉽게 할 수 있습니다. 그런데 유튜브 재생목록 공유는 잘 모르는 경우가 꽤 있을 것입니다. 여기서는 유튜브 재생목록 퍼가기 방법과 재생목록 주소의 소스코드를 제공합니다. 주소를 찾아서 붙여 넣기 할 수 있도록 소스코드까지 제공하니, 유용한 도움이 되길 바랍니다. [엮인 글]MBC, SBS, JTBC... 유튜브 중단 언제까지? 기본적인 유튜브 재생목록 공유 퍼가기 유튜브의 장점은 많은 동영상을 무료로 볼 수 있다는 점도 있지만, 필요한 동영상을 마음대로 공유할 수 있다는 점도 있습니다. 그래서 유튜브 동영상 공유를 많이 이용하게 되지만, 의외로 유튜브 재생목록 공유는 잘 되고 있지 않습니다. 유튜브 기본 기능으..
[div 겹침 문제 해결 방법 - DIV의 float 사용 문제라면 clear로 해결] 90년대와 2천년대에는 사이트 디자인을 거의 테이블로 했지만, 최근의 홈페이지는 반응형도 염두에 두어야 하고 속도 문제도 있기 때문에 테이블 구조로 짜는 경우가 거의 없습니다. 그래서 최근의 사이트는 대부분 DIV로 디자인 배치가 작성됩니다. 그러다보면 div 겹침 문제가 일어나서 골치가 아픈 경우가 있습니다. Div 겹침 문제 예제 Float 속성 div는 기본적으로 좌우 100%의 너비를 가지고 있고 div를 추가하면 자동으로 아래쪽으로 길이가 길어지게 됩니다. 그 중의 한 가지 문제는, 이것을 옆으로 배치하거나 할 때 float를 사용해서 배치를 하게 되는데, 이 경우에 div 겹침 문제가 종종 발생합니다. 이럴..
[그누보드 내용관리 변경, PHP 적용하기 방법] 그누보드의 내용관리란? '그누보드'의 시작은 게시판 프로그램입니다. 좀 더 자세히 설명하자면 입력내용을 DB에 저장하고 불러와서 보여주는 프로그램인 것입니다. 그러므로 그누보드로 홈페이지를 만들었다면 대부분 DB가 목록형태로 관리됩니다. 그런데 그누보드 내용관리는 하나의 문서처럼 보여주는 기능을 가지고 있습니다. 홈페이지를 제작하면 커뮤니티 사이트가 아니라면 일반 문서 페이지 개수가 게시판 페이지 개수보다 더 많게 됩니다. 그래서 그누보드에서도 일반 문서처럼 페이지를 만들 필요에 의해 그누보드 내용관리 기능이 추가되었습니다. 하지만 아직도 문제가 있습니다. 그누보드 내용관리를 변경하고 PHP를 적용하려면 기능의 한계가 있기 때문입니다. 내용관리는 게시판에..
[아이프레임 가로 세로 비율 - iframe 크기 자동 조절] [엮인 글]애드센스, 아이프레임으로 광고 수익을 내도 될까? - iframe iframe 크기 자동 조절하기 유튜브 등의 공유 방법이 아이프레임이기 때문에, iframe을 사이트에 넣을 때 알아두어야 할 것이 아이프레임 가로 세로 비율 자동 조절 방법입니다. 그러나 iframe의 속성 자체에 있는 기능을 사용하는 것이 아니라 꼼수를 이용하려고 합니다.웹사이트를 개발하다 보면 아이프레임을 이용해서 외부 컨텐츠를 가져오게 되는데, 문제는 유튜브 등의 아이프레임 공유 코드를 딸 때 이미 크기가 정해져 있다는 것입니다. (iframe 가로 세로 크기가 공유 코드 속에 들어 있음)유튜브 같은 경우 일반적으로 아이프레임 가로 세로 비율은 560px..
[그누보드 게시판 리스트에서 공지사항만 다른 설정하기] [엮인 글]표준화 - DTD 선언 : 종류와 사용 방법 / DTD와 쿼크모드 공지사항 게시물에만 설정하기 그누보드는 홈페이지 제작과 회원관리 등의 용도로 사용되지만, 그 시작은 게시판이었습니다. 그누보드 이외에도 제로보드나 킴스보드 등도 그 뿌리는 역시 게시판입니다. 그래서 게시판을 자유자재로 다루는 것은 그누보드의 기초를 다루는 것이기도 합니다. 게시판으로 구성된 그누보드에는 글을 쓸 때 공지사항으로 지정해서 맨 위에 따로 나타나도록 할 수 있습니다. 이것은 다른 일반 글들과 구분하기 위해서 입니다. 이렇게 볼 때, 그누보드 게시판 리스트에서 공지사항만 다른 설정을 해야 할 때가 있습니다. 글자 색을 바꾼다거나 크게 보이게 한다거나 배경 그림을 넣..
[실제 아이피 알아내기 - 특정 아이피 적용 소스 코드 (아이피주소 확인)]아이피주소 확인을 하는 소스 코드는 꽤 있지만, 그 중에는 가짜 아이피를 가져오는 경우가 있습니다.이것은 여러 가지 경로를 거치는 네트워크 특성 상 종종 있는 일이며 프록시 서버를 거치는 경우에는 프록시 서버의 아이피를 넘겨 받게 됩니다. 예를 들어서 브라우저 설정이 외국 프록시 서버로 되어 있을 경우 엉뚱하게 네덜란드 아이피를 받는 것입니다. 이럴 때는 실제 아이피주소 확인으로 검수하는 과정이 있어야만 실제 아이피를 알아내기가 가능합니다. 또한 웹사이트를 제작하다보면 항상 모든 페이지를 하나의 코드만으로 운영할 수 없음을 알게 됩니다. 예를 들어 운영자만 들어갈 수 있는 페이지를 만드는 것은 로그를 확인하면 되지만, 내 집에서만..
[구글 맞춤검색 검색엔진 - 자신의 검색창을 이용하는 방법]구글은 검색엔진 회사답게 자사의 검색엔진을 이용한 서비스를 하고 있습니다. 대표적인 것이 바로 구글 맞춤검색 검색엔진입니다.간단히 요약하자면, 구글의 검색 기능을 다른 사이트/홈페이지에서 빌려다 사용할 수 있다고 하겠습니다. 물론 인터넷에서 구글 맞춤검색 신청과 검색창 달기를 찾아보면 매우 많은 설명을 볼 수 있습니다. 하지만 대부분 검색창 달기만 설명하고 있으며, 마치 자신의 사이트인 것처럼 검색페이지에 자연스럽게 연결되는 방법에 대해서는 설명문을 찾기가 힘듭니다. 이런 부분은 구글 도움말에서도 역시 찾아보기 힘듭니다. 그래서 이 문서에서는 구글 맞춤검색 검색엔진을 자신의 사이트의 검색엔진인 것처럼 활용하는 방법에 대해서 설명합니다. (주 내용..
[CSS 둥글게 하기 - 모서리 둥글게, 테두리 둥글게, 외곽선 둥글게 만들기 CSS : border-radius] 웹디자인을 하다보면 모든 개체가 사각형이라서 지겨울 때가 있습니다. CSS 둥글게 만들기는 창의적인 웹디자인에 필요한 방법일 것입니다.div나 li의 border 모서리를 둥글게 하기는 CSS에서 border-radius 속성을 사용합니다.border-radius 속성은 포토샵 없이도 외곽선을 둥글게 만들 수 있다는 장점이 있습니다. 기본적인 div 등은 html, php문서에서 개체를 만들어 준 후에 CSS파일을 열어서 테두리를 둥글게 만드는 속성을 주는 방법입니다. DIV, LI, SPAN 등의 개체를 만든 후 적용한다 예를 들기 위해 div로 사각형을 만들고 div개체의 모서리를 둥글..
[인풋값 가져오기(input값 가져오기) 해서 링크로 보내기] 인풋값 가져오기 인풋(input)은 여러 가지 경우에서 자주 볼 수 있습니다.검색창에 입력을 한다든지, 회원가입을 한다든지 하는 모든 입력행위는 웹페이지 의 글자입력 상자를 통하는 것입니다.이 인풋을 만드는 가장 대표적인 것이 form의 value값입니다. 대부분의 검색창은 바로 이 form으로 되어 있습니다. 이 글에서는 form의 value값을 가져오기 해서 링크로 새창을 띄우는 코드 소스에 대해 알아 보려고 합니다.사용자가 아직 검색을 하지 않았어도 입력된 input값을 가져오기해서 그 값으로 검색엔진으로 연결하는 예입니다. input값 가져오기을 가져오기해서 링크로 보내기 위해서는 다음 세 가지가 필요합니다. form문과 스크립트의 l..
[스마트에디터 본문 링크 새창으로 띄우기 스크립트] [엮인 글]인풋값 가져오기(input값 가져오기) 해서 링크로 보내기 스마트에디터 본문 링크 새창 코드 스마트에디터는 오픈 에디터 프로그램으로 그누보드, 네이버 등에서 위지위그를 구현하기 위해 글 입력 에디터로 사용되고 있습니다. 그런데 스마트에디터가 업데이트되면서 어떤 버전에서는 글 내부에 적힌 URL 주소의 링크가 자신의 창에서 링크되고 있습니다. 그래서 스마트에디터의 본문 링크를 새창으로 띄우기 하려는 문의도 꽤 있습니다. 스마트에디터의 자신 창 링크의 원인은 스마트에디터에 URL이 적힐 때 링크 타겟이 _self로 잡히기 때문입니다. 더구나 스마트에디터에는 "새창" 띄우기 옵션도 없습니다. 사용자 입장에서는 속수무책인 셈이 됩니다. 이럴 때 스마..
[검색창 코드 소스와 검색창에 미리 입력된 검색어 - placeholder] 검색창 코드 소스 검색을 지원하는 사이트를 다니다 보면 검색창에 "검색어를 입력해 주세요" 같은 단어가 미리 입력되어 있는 것을 보게 됩니다. 이것은 placeholder 속성을 이용한 임시 검색어입니다. placeholder란 "간단한 힌트"라는 의미의 코드인데, 이것을 검색창 코드 소스에 사용하면 손 쉽게 미리 검색어를 입력해 놓을 수 있습니다. 그런데 사실은 검색창에 미리 검색어를 입력하는 과정보다 검색창을 만드는 것이 먼저 이루어져야 하므로 검색창 코드 소스를 먼저 작성하겠습니다. HTML이나 PHP 파일 등의 필요한 부분에 먼저 아래의 검색창 코드 소스를 입력해 봅시다. // 검색을 처리할 페이지로 검색어를 보내는 기능..
[스크롤 때 상단 고정 코드 - 상단 고정 레이어 스크립트] 스크롤 때 상단 고정 코드 준비하기 요즘은 메뉴 등의 일부가 스크롤해도 상단에 고정되는 CSS가 많이 쓰이고 있습니다.웹브라우저에서의 상단 고정 레이어는 DIV나 nav 요소가 브라우저의 상단에 닿으면 먼춰 서서 계속 보이게 합니다.상단 고정 레이어 CSS는 PC에서 뿐만 아니라 모바일 홈페이지를 만들 때도 아주 유용하게 사용할 수 있습니다. 상단에 고정되는 레이어를 제작하기 위해서는 준비물 1개와 HTML, PHP 파일과 CSS파일, 이렇게 두 가지가 필요합니다. 스크롤 상단 고정 레이어 CSS를 시작하기 전에 먼저 준비해야 할 것이 있습니다. 그것은 jquery입니다. 제작 중에 사이트 내에 jquery파일을 업로드 하거나 웹링크로 불러온 ..
[게시판 목록 리스트 글자 크기, 본문 글자 크기 CSS로 조절하기 - 스킨 수정] 그누보드 스킨 수정 경로 한동안 한국의 사이트들은 작은 글씨, 오밀조밀한 배치가 유행했었습니다. 지금 보면 눈이 아파서 어떻게 사용했을까 할 정도로 촘촘하고 글자도 작습니다.물론 당시엔 모니터 해상도가 낮아서 지금보다 상대적으로 글자가 컸던 이유도 있습니다.그러나 그런 점을 감안하더라도 현재의 사이트들은 글자 크기가 많이 커졌습니다. 대부분의 게시판 목록과 본문 글자 크기는 CSS를 사용하여 한 번에 조절하고 있습니다.그누보드의 경우에도 마찬가지 입니다. 특정 부분에 CSS를 적용하는 것은 굳이 그누보드가 아니더라도 다 같으니, 스킨에 대해서 알아보도록 합시다. 그누보드에서 기본으로 적용된 스킨은 "그누보드5"를 기준으로..
[특정 페이지에서만 코딩 내용이 작동하는 if문] 특정 페이지에서만 코딩 내용이 작동하는 if문 다른 페이지에서는 모두 일관되게 작동해야 하지만, 특정 페이지에서만 다르게 작동하도록 해야 할 때가 있습니다. 예를 들자면, 메인페이지에서만 다른 동작을 하게 만든다거나, 특정 페이지마다 각각 특정한 이미지를 불러오게 한다거나, 특정 페이지마다 각각 다른 파일을 인클루드하는 등의 경우입니다. 이럴 때는 그 페이지의 주소URL와 현재 페이지의 파일명을 비교하도록 하면 됩니다. 일단 변수 $에 현재 URL주소를 담은 후 IF문을 통해서 같은지 검사합니다. 그리고 같은 파일명을 사용하는 주소URL이라면 { } 사이에 삽입된 코딩 내용을 실행하도록 하는 것입니다. 아래는 그 예문입니다. 여기서 중요한 것은 $PHP_..
[애널리틱스 - 웹로그의 접속자 수와 활성화 사용자수 이해]사이트나 블로그를 운영한다면 관리를 위해 몇 명이나 방문하는지 알아봐야 할 때가 있습니다. 이런 웹로그 통계를 제공하는 대표적인 무료 서비스인 구글 웹로그 애널리틱스에서 접속자 수와 활성화 사용자 수에 대해 알아봅니다. [글의 순서]웹로그와 애널리틱스방문자 활성화 수의 해석 웹로그와 애널리틱스 '웹로그'란, 사이트나 블로그를 방문하여 접속하는 것을 말합니다. 웹로그가 중요한 이유는 배너 광고나 마케팅에서 방문자가 증가할수록 수익도 증가하는 특성 때문입니다. 이것은 인기 있는 TV 프로그램 앞에 내보내는 광고에서 수익이 증가하는 것과 같습니다. '애널리틱스'란 서비스는 웹로그 기록을 통계적으로 집계하여 관찰할 수 있도록 자료와 그래프를 제공하는 것..
[애드센스, 아이프레임으로 광고 수익을 내도 될까? - iframe]애드센스로 광고 수익을 올리기 위한 여러 가지 방법들이 동원되고 있습니다. 그 중에서 애드센스를 아이프레임으로 광고 수익에 이용해도 되는지에 대해 알아보려고 합니다. 애드센스는 규정이 까다로워서 규정을 잘 모르고 광고를 넣으면 박탈을 당하기 일쑤이니 미리 알아두는 것이 좋겠습니다. [글의 순서]웹사이트에서의 아이프레임 애드센스어플에서의 아이프레임 애드센스 웹사이트에서의 아이프레임 애드센스 블로그와 사이트를 여러 개를 가진 경우 사람들은 생각합니다. 하나의 구글 애드센스 코드를 신청한 후 아이프레임을 이용해서 여러 군데에 동시에 넣어도 될지를 말입니다. 결론부터 말하자면 애드센스를 아이프레임으로 붙이는 것은 안 된다고 합니다. 애드센스를..
[네이버 포스트와 블로그의 차이 - 네이버 포스트쓰기와 사용방법] 네이버가 포스트라는 서비스를 시작했습니다. 베타버전 오픈에 들어간 네이버의 포스트라는 서비스는 간편하게 글과 사진을 올리고 태그로 연결되는 마이크로 블로그 서비스입니다. 트위터와 페이스북의 강세 속에서 네이버는 SNS서비스인 미투데이 서비스를 종료한 바가 있습니다. 미투데이 종료 후 다시 선보이는 SNS 미니 블로그인 네이버 포스트 서비스를 살펴보았습니다. 관심을 #태그라는 것으로 연결하는 네이버 포스트의 특징 네이버 포스트는 인맥이 연결되는 관계형 서비스는 아닙니다. 물론 친구추가의 기능을 하는 팔로우 기능기 있기는 하지만 서로 이웃이 아니라 일방적으로 구독을 하는 기능이므로 페이스북 보다는 트위터나 블로그에 가깝습니다. 포스트 글을 올..
[다음카카오 플레인 - 추천 모바일 블로그 Plain, 사용방법과 소개] 다음카카오가 플레인이라는 관심기반의 SNS를 내 놓았습니다. 핀터레스트 같은 디자인, 인스타그램 같은 사용법으로 전용 앱에서도 깔끔한 손맛을 느낄 수가 있습니다. 네이버의 포스트라는 서비스에 대항마가 될 것으로 기대되는 다음카카오의 플레인은 광고업자의 글이 적고 사용법이 산뜻해서 추천할만한 마이크로 블로그 서비스입니다. 인스타그램을 하듯 #태그로 연결되는 다음카카오 플레인의 특징 예전에 다음은 "요즘"이라는 SNS서비스를 제공하다가 종료했습니다. 페이스북과 트위터가 강세인 SNS에서 인맥을 기반으로 하는 서비스에서 한계가 있었던 것입니다. 이제 관심을 기반으로 하는 새로운 SNS인 다음카카오 플레인이 오픈하였습니다. 관심기반이란 독..
[무료로 포토샵 보정필터효과를 웹에서 바로 쓴다 - befunky.com] 스마트폰을 쓰다보니 편리성에 젖어 들다 사진 편집과 합성, 보정의 강자는 역시 포토샵입니다. 그런데 스마트폰의 대세가 되면서 스마트폰 상에서 바로 사진에 효과를 줄 수 있는 앱들이 대세가 되었습니다. 스마트폰 앱은 무료로 많고, PC의 포토샵 보다 훨씬 쉽게 사진 이미지를 다룰 수 있는데다가 포토샵에서는 유료로 구매해야 하는 기능을 무료로 제공하는 경우도 있기 때문에 많이 사용합니다. 그래서 스마트폰으로 찍은 개인사진을 다룰 때에는 오히려 PC의 포토샵을 사용하지 않고 앱을 켤 때가 많습니다. 하지만 스마트폰 앱의 편리함에 젖다 보니, 이번에는 PC에서도 앱처럼 간편하게 사진 이미지에 효과를 주거나 보정하는 필터효과를 무료로 사용..
[그누보드에서 방문자 카운터를 다시 설치하고 싶을 때 스킨 삽입] 그누보드를 설치한 뒤, 디자인을 변경하느라 이것 저것 만지다보면 처음에는 나왔던 "방문자 카운터"가 없어져서 다시 설치해야 하는 경우가 있습니다. 또는 카운터 스킨을 다운 받아서 설치할 때도 잘 안 될때는 확인해야 할 부분이 있습니다. 최상단에는 호출코드가 있어야 한다 1개 페이지에 모두 넣었을 경우 최상단에 아래의 내용이 있어야 하고 그누보드처럼 인클루드 방식일 경우엔 head.php파일에 아래의 내용이 있어야 방문자 카운터를 불러올 수 있습니다. 없는데 억지로 붙여 넣으면 에러를 내고 맙니다. 최상단에 내용이 없을 경우엔 head.php를 열어서 최상단에 아래 내용이 있는지 확인합니다. 방문자 확인 스킨을 삽입하는 코드 : 이 부분이 ..
[유튜브 동영상 퍼오기(공유) - 저작권협회와의 저작권법 정리] 헷갈리는 유튜브 동영상 공유의 저작권 유튜브에는 소스코드 복사하기 기능이 있어서 홈페이지나 블로그에 동영상을 퍼 와서 삽입할 수가 있습니다. 방문자에게 동영상이나 음악을 감상할 수 있게 하는 것까지는 좋은데, 저작권 위반으로 적발되는 사례가 있습니다. 소스코드 복사하기 기능이 있어서 퍼다 붙인 것인데 저작권 위반이라고 하니 이해할 수가 없습니다. 더구나 검색을 해 보면 유튜브와 한국음반저작권협회가 협약을 체결하여 저작권 문제를 해결했다는 기사가 분명히 있습니다. 유튜브에는 링크 복사 기능도 제공하고 유튜브가 저작권 계약도 한다면서 개인 보고는 저작권 위반이랍니다. 이건 어떻게 된 걸까요? 유튜브 내의 저작권과 유튜브 외의 저작권이 헷갈리게 ..
[다음(Daum)의 위젯뱅크 서비스 종료와 추천 위젯서비스 달통 ] 다음이 지금까지 제공해왔던 위젯서비스인 위젯뱅크를 종료함에 따라, 또 다른 위젯서비스인 달통 소개를 함께 묶어 포스팅합니다. 위젯이 뭐야? 위젯은 소형 장치나 부품을 뜻하는 단어입니다. 흔히 사용하는 스마트폰에도 위젯이 있습니다. 예를 들어 스마트폰 바탕화면에 날씨 위젯을 설치해 놓으면 자동으로 날씨를 불러와서 실시간으로 보여줍니다. 이처럼 위젯은 정식 프로그램은 아니지만 작은 프로그램으로 설치되어 동작하는 것을 총칭하는 말입니다. 위젯은 PC용과 스마트폰용, 웹용으로 크게 나뉩니다. PC용과 스마트폰용은 프로그램, 앱을 설치한 후 사용하지만 웹용 위젯은 설치하지 않고 태그로 이루어진 소스를 삽입하여 사용합니다. 웹용 위젯은 웹용 위젯을..
ID는 class 둘 모두 스타일을 정의하는 부분입니다 DIV, IMG, TABLE 등 홈페이지에 사용되는 각종 요소들을 객체라고 합니다. 이 객체들에게 각자의 이름을 붙여주면 그 모양을 한꺼번에 조절할 수가 있어서 편리합니다. 심지어 DIV가 여러 개면 각각에게 또 다른 이름을 붙여서 다른 객체로 취급할 수도 있습니다. 홈페이지를 제작할 때 마법사가 되었다고 상상합니다. 이 것들은 두가지 과정을 거칩니다. 미리 style 정의 부분에서 선언하기 사이에 아래와 같이 적으면 됩니다. 또는 CSS파일에 아래의 내용을 입력해 놓아도 됩니다. #부분은 HTML문서에서 ID=title이라고 되어 있는 객체의 글자색을 붉은 색으로 적용합니다. .부분은 HTML문서에서 CLASS=contents라고 되어 있는 객체의..
[기초태그 - 이미지를 삽입하는 태그 활용하기 "img태그"] 태그로 이미지를 삽입하는 기본태그 요즘은 홈페이지를 만들 때 홈페이지 저작도구 프로그램을 사용하기 때문에 아이콘을 눌러서 이미지를 삽입합니다. 블로그에 글을 쓸 때도 마찬가지이고 게시판에 글을 쓸 때도 마찬가지입니다. 그래서 초보자들도 인터넷을 쉽게 활용할 수 있는 세상이 되었는데, 원래는 일일이 이미지태그로 이미지를 삽입하는 것이 기본방식입니다. 그러므로 아직도 홈페이지를 정밀하게 제작한다든지 블로그 글에 정밀하게 이미지를 삽입할 때는 태그를 이용해서 사진과 그림을 삽입하고 있습니다. 또한, 글쓰기 에디터를 지원하지 않는 게시판등에서는 태그(html)을 직접 입력하여 이미지를 삽입합니다. 기본 태그는 아래와 같습니다. 위의 태그를 기본으로 ..