본문 바로가기

Blog Tip33

구글 애드센스(Google Adsense) 가입부터 활용까지 블로그에 작성되었던 글 중 구글 애드센스와 관련된 글을 묶어서 발행하는 포스트입니다. 1. 구글 애드센스(Google Adsense) 가입하기 애드센스에 가입하는 방법을 설명해놓은 포스트입니다. 이미 가입하셔서 광고를 노출하고 계신분께 이 내용은 필요하지 않습니다. 아직 가입하지 않으셨다면 한번쯤 확인해두시면 좋습니다. 덧붙여서, 최근 애드센스 승인이 쉽게 되지 않는다고 하니 이 점 미리 확인하시면 좋을 것 같습니다. 2. 애드센스(Adsense) 코드 삽입하기 가입이 완료되고, 승인이 났다면 이제는 광고를 블로그에 달 차례입니다. 해당 포스트는 광고 코드를 발급받는 방법부터 블로그에 삽입하는 방법까지를 다루고 있습니다. 블로그에 애드센스 광고를 다는 방법으로는 크게 두 가지가 있는데, 하나는 본문에, .. 2013. 3. 19.
구글 애널리틱스(Google Analytics) 이용법 구글 애널리틱스 이용법과 관련해 이전에 연재했던 글들을 보기 좋게 정리하는 포스트입니다. 애널리틱스는 많은 통계 자료를 제공하지만, 그 만큼 사용법을 잘 모르면 효과적으로 사용할 수 없기 때문에, 아래에 소개해드릴 포스트들을 참고하셔서 효율적으로 애널리틱스를 이용하시길 바랍니다. 1. 구글 애널리틱스(google analytics) 구글 애널리틱스에 대한 기본적인 소개와 더불어 간단한 설치방법에 대해서 설명드리는 글입니다. 이미 애널리틱스를 설치하여 사용중이신 경우에는 참고하실 필요는 없는 글입니다. 2. 구글 애널리틱스 기본 이용법 (1) 세그먼트(Segment) 상당 기간동안 애널리틱스를 부착하여 사용하셨다면, 상당한 양의 통계자료가 모였을것입니다. 하지만 단순히 모여지기만 한 이러한 통계자료는 '이.. 2013. 3. 18.
블로그 방문자 늘리기 - 검색엔진 / 메타블로그 등록 블로그 운영 초반에 연재했었던 '블로그 방문자 늘리기' 글을 보기 편하게 목록으로 만들고자 작성되는 포스트입니다. 검색엔진에 최적화에 따른 블로그의 상위노출에 관련한 포스트가 아니라 순수하게 블로그를 처음 시작하시는 분들을 위한 글로써, 검색엔진과 메타블로그에 자신의 블로그를 등록하는 방법을 다룬 연재 글입니다. 작성한지 다소 시간이 지나 현재의 블로그 방향과는 다소 어울리지 않을 수 있으니 참고바랍니다. 1. 검색엔진 등록 블로그 방문자 늘리기 - 1. 네이버에 블로그 등록하기 블로그 방문자 늘리기 - 2. 다음에 블로그 등록하기 블로그 방문자 늘리기 - 3. 구글에 블로그 등록하기 블로그 방문자 늘리기 - 4. 네이트에 블로그 등록하기 블로그 방문자 늘리기 - 5. 야후/빙에 블로그 등록하기 블로그 .. 2013. 3. 7.
플로팅 상단 메뉴바 달기 사용 가능한 블로그의 범위가 그다지 넓은편은 아니지만 요청하시는 분이 몇몇 계셔서 공개합니다. 이번 글에서 다룰 플로팅 상단 메뉴바는 본 블로그의 상단에 있는 것과 똑같은 모양으로, 예전에 이와 관련해 올린 글들을 참고하시면 디자인을 원하시는 대로 수정할 수 있습니다. 다만 해당 내용들은 기존에 이미 다뤘던 내용들이기 때문에 이번 포스트에서 자세히 다루지는 않겠습니다. 1. Style.css 파일에 삽입할 내용 #float_menu { position: relative; margin: auto; padding: 0; width:980px; margin-top: -8px; } .underlinemenu{ font-size:10pt; width:980px; height:24px; font-weight: bo.. 2013. 3. 6.
플로팅 SNS 배너 달기 블로그의 좌측에 위치하는 플로팅 배너가 이제는 공유할 수준은 되었다고 판단되어 소스 공개합니다. 편의상 플로팅 SNS 배너라고 이름을 붙였습니다. 설치방법은 1. 아이콘 파일 업로드 2. 소스 수정 3. 소스 삽입 후 위치 조정 순입니다.예전에 플로팅 배너 소개하면서 다뤘던 내용의 상당수가 이곳에서 언급될 예정이오니 자세한 사항은 '블로그에 플로팅 배너(플로팅 레이어) 달기'포스트 참고해주기 바랍니다. 이 포스트에서 자세한 설명은 생략할 예정입니다. - 특정 스킨에서 정상적으로 작동하지 않을 수도 있으니 그럴 경우에는 댓글이나 방명록에 글 남겨주시길 바랍니다 - 1. 아이콘 파일 업로드 아이콘은 SNS는 페이스북과 트위터가, 블로그 구독용으로는 한RSS, 네이버 이웃커넥트, 다음 뷰, 그 외에 즐겨찾기 .. 2013. 3. 5.
스킨 제공 상단 메뉴바에 드롭다운 메뉴 넣기 이번 글을 보시기 전에 이전에 메뉴바와 관련해 올렸던 글들을 미리 읽어보시길 권장합니다. 오늘 다룰 '스킨에서 제공하는 상단 메뉴바에 서브 메뉴 넣기'는 이전에 메뉴바를 다뤘던 모든 글들이 합쳐져 있기 때문입니다. 모두 읽어 보시기에 시간이 부족하시다면 '스킨에서 제공하는 상단 메뉴바 수정하기'라는 포스트는 꼭 읽어주시길 바랍니다. 본 포스트의 내용은 해당 포스트에서 이어지는 내용입니다. 이전에 모두 다룬 내용이기 때문에 자세한 설명은 생략하도록 하겠습니다. CSS를 이용해 블로그 상단 메뉴바 만들기 (1) CSS를 이용해 블로그 상단 메뉴바 만들기 (2) 스킨에서 제공하는 상단 메뉴바 수정하기 CSS를 이용해 드롭다운(Drop Down) 메뉴 만들기 (1) CSS를 이용해 드롭다운(Drop Down) .. 2013. 3. 4.
CSS를 이용해 드롭다운(Drop Down) 메뉴 만들기 (2) 이전에 만들어 놓은 예제(드롭다운 첫번째 글)를 계속 이용하겠습니다. 이번 포스트에서 다룰 내용은 이미 만들어져 있는 서브메뉴의 형태를 보다 보기좋게 수정하는 방법에 관한 글입니다. 여기서 주로 다루게 되는 내용은 기존에 다룬바 있는 내용(배경과 테두리, 그림자로 레이어 꾸미기)이므로, 이전 글을 보신다면 더 큰 도움이 되지 않을까 생각합니다. 사용할 예제 Menu 1 Menu 2 Sub Menu 1 Sub Menu 2 Sub Menu 3 Menu 3 Sub Menu 1 Sub Menu 2 Sub Menu 3 Menu 4 Menu 5 1. 서브메뉴에도 그림자 적용하기 blogMenu 스타일에 적용되어 있는 부분을 그대로 복사하여 이용하셔도 상관은 없으나 같은 스타일을 여러번 입력하지 않고 다른 방법을 이.. 2013. 3. 1.
CSS를 이용해 드롭다운(Drop Down) 메뉴 만들기 (1) 몇몇 블로그를 살펴보면 상단 메뉴바에 마우스를 올릴경우 하위 메뉴가 나오는 것을 확인할 수 있습니다. 이러한 형식을 '드롭다운(Drop Down)' 메뉴라고 이야기합니다. 이번 글에서는 이전에 만들어놓은 상단 메뉴바(관련글)에 서브 메뉴를 추가하는 방법에 대해서 살펴보도록 하겠습니다. 오늘 사용할 스타일 시트 예제 1. 메뉴 리스트 작성하기 먼저 사용하고 싶은 메뉴 리스트를 작성합니다. 상위 메뉴의 리스트가 작성된 후에는, 서브 메뉴를 만들고 싶은 상위 메뉴의 내부에 태그를 이용하여 다시 리스트를 작성합니다. 이번 글에서는 기본 상위 메뉴로 Menu1 ~ Menu5를, 그리고 Menu2와 3의 하위에 Sub Menu 1, 2, 3을 각각 추가하는 경우의 예를 들어보겠습니다. Menu 1 Menu 2 Su.. 2013. 2. 27.
스킨에서 제공하는 상단 메뉴바 수정하기 이전 글에서 다룬 내용(CSS를 이용해 블로그 상단 메뉴바 만들기)을 바탕으로 기존에 블로그 스킨에서 제공하고 있는 상단 메뉴바의 모양을 수정하는 방법에 대해서 살펴보겠습니다. 이 포스트에서는 블로그 상단 메뉴가 비교적 평범하게 있는 Life In Mono(Light) 스킨을 기준으로 설명드리겠습니다. 편의상 이 스킨을 기준으로 작성하나 다른 스킨의 경우도 방법적인 측면에서 큰 차이는 없습니다. 1. 블로그 메뉴 치환자 찾기 블로그 메뉴는 [ ##_blog_menu_## ] 라는 치환자로 만들어집니다. 해당 치환자를 찾은 다음에는, 치환자가 들어가 있는 레이어의 이름(div id="blogmenu")이나 클래스 이름(div class="blogmenu")을 확인합니다. 해당 부분을 확인한 후 style... 2013. 2. 26.
반응형