Category Archives: 블로그, 워드프레스, HTML

내가 따로 구입한 나만의 도메인(toon7.com)을 블로거(구글 블로그 서비스, Blogger)에 연결해서 사용하는 방법을 쓰겠다. (내가 이용중인 사이트인 호스팅 케이알 (hosting.kr) 기준으로 설명하겠다.) 블로거의 관리자화면/설정/기본/글 발행에서 “타사 도메인 설정“을 한다. 이미지처럼 주소의 앞에 “www“를 붙여주고 하단에 “toon7.com을(를) www.toon7.com(으)로 리디렉션합니다.“를 체크해준다. 그리고 호스팅케이알에서 서비스 관리/도메인 관리에 들어가서 내가 구매한 도메인을 체크하고 하단에 “네임서버설정(무료)/네임서버(서브도메인) 설정 관리“를 체크한 후 “신청하기“를 클릭한다. 그러면 위의 화면이 뜨는데 설정 내용에 3줄이 없는 상태일 것이다. 그것을 하단에 “네임서버 설정 내용 추가” 부분에 입력해서 추가해줘야 하는데, 그것은 앞에 블로거의 화면에 중간쯤에 보면 있다. (www ghs.google.com과 밑의 모자이크된 부분.) 나는 앞에 www 없이 toon7.com으로 접속하면 접속이 되지 않았었는데 호스팅케이알 고객센터에 문의해서 … 더 보기 →

계속 묵혀두다가 돈이 필요해서 큰 돈은 아니지만, 몇 년 동안 모은 돈을 지급 받기로 했다. 방법은 예전보다 정말 쉬워졌다. (예전에는 수표를 우편으로 받았던가?) 애드센스 홈페이지에 들어가서 지급에서 결제수단 관리에서 결제 수단 추가를 클릭하고 – 예금주의 이름 – 은행 이름 – SWIFT 은행 식별 코드 – 계좌 번호 이 네가지만 적으면 된다! (우리은행은 이름은 Wooribank 식별 코드는 HVBKKRSEXXX 를 적어주면 된다.) 그리고 저장 클릭! 사람들이 오해하는게 있는데 외화 통장이 아니어도 된다. 나도 일반 통장으로 신청했다. 끝이다. 너무 쉽잖아? 관련 링크 애드센스 수익 우리은행 앱으로 송금받는 방법 AMP에 애드센스, 애널리틱스 삽입하기 (워드프레스 플러그인)

내가 네이버 블로그, 티스토리, 구글 블로그 등의 무료에 용량도 무제한인 서비스를 뿌리치고 워드프레스를 선택하게 된 이유, 워드프레스만의 장점을 정리해봤다. 1 높은 자유도 참고로 워드프레스는 설치형과 가입형이 따로 존재한다. 나는 설치형을 사용중이다. 그래서 (모든 설치형이 다 그렇다고 볼 수 있겠지만) 높은 자유도를 가지고 있다. 가입형도 가입해봤는데 해외에 서버가 있어서 그런지 조금 느리고 기본적으로는 무료이지만 좀 더 기능이나 용량을 자유롭게 쓰려면 돈을 내야 했다. 가입형 워드프레스의 가장 큰 문제는 다른 가입형 블로그처럼 제약이 있었다는 것과 설치형과 에디터나 외형 같은 것이 너무 달라져서 설치형 워드프레스에 익숙해진 나에게는 여러모로 거부감이 들었다. 어쨌든 설치형은 내가 직접 카페24 같은 곳에서 호스팅을 사서 워드프레스를 설치하는 것이기 때문에 … 더 보기 →

스타일시트(style.css) 수정이 가능한 블로거(구글 블로그), 티스토리, 워드프레스 같은 곳에서 사용이 가능한 방법이다. 나는 아래의 방법을 평소에 사용했었고 그래도 지장이 없었다. img { margin: 0; padding: 0; } a img { border: none; } 그런데 구글 블로그에서는 위의 코드를 적용해도 여백이 남아있었다. 그래서 포기하고 있었는데 인터넷을 뒤지다가 해결책을 찾았다! img { vertical-align:top display:block; } 참고로 네이버 블로그에서는 사진 첨부 창에서 “사진간격 띄우기”의 체크를 해제해주면 된다.

네이버나 다음이나 레진 등등 거의 대부분의 웹툰 사이트의 모바일 화면에서 화면을 터치, 클릭하면 상단과 하단에 메뉴가 뜨는데 그 기능을 구현한 소스 코드다. 현재 보고 있는 이 블로그의 화면을 터치하거나 클릭하면 위, 아래에 검은 색 배경의 메뉴가 위 아래에 뜰 것이다. 그 소스 코드를 공유하려고 한다. 다음 방식 이 블로그에 적용된 다음 웹툰 모바일 방식이다. 화면을 클릭하면 메뉴가 뜨고 화면, 메뉴를 다시 클릭하거나 스크롤을 하면 메뉴가 사라진다. 그리고 화면의 맨 위 부분에서 화면을 터치, 클릭하면 위의 메뉴는 뜨지 않고 밑의 밑으로 메뉴만 뜨게 했다. 왜냐하면 이미 맨 위에 있기 때문에 맨 위라는 메뉴가 보일 필요가 없다고 생각했다. (이것도 코드를 수정하면 뜨게 … 더 보기 →

반응형 웹 사이트는 블로그나 홈페이지가 화면의 크기에 따라 유동적으로 변화하는 것을 뜻한다. 다시 말해서 홈페이지를 pc버전과 모바일버전으로 따로 만들 필요 없이 하나의 페이지가 화면에 맞게 유동적으로 변화하게 만드는 것이다. 반응형 웹을 만드는 방법 반응형 웹을 만들려면 html과 css에 대한 어느정도의 지식이 필요하다. 내가 아는 부분, 아주 간단하고 단편적인 부분만 설명해보려 한다. 예제 html 파일을 보면 대략 감이 잡힐 것이라고 생각한다. 예제 html 파일의 화면에서 마우스 오른쪽을 클릭해서 페이지 소스 보기를 누르면 어떤식으로 만들어졌는지, 만들 수 있는지도 알 수 있을 것이다. (다시 말하지만 기본적인 html, css 코드에 대한 지식은 가지고 있어야 한다.) 코드 설명 <meta name=”viewport” content=”width=device-width, initial-scale=1″> 위의 코드는 모바일에서 … 더 보기 →