너랑나랑개발자이야기

티스토리 알아봐요 (32)

[Tistory]20.움짤 프로필과 마우스 커서 변경하기

안녕하세요 유랑입니다. 오늘은 프로필에 gif 적용과 마우스 커서 변경과 효과를 넣어보도록 하겠습니다.티스토리 블로그를 앞으로 이쁘게 꾸며보도록 할게요^^ 1. 움짤 프로필 1-1) 프로필 이미지 변경 티스토리 블로그에서 프로필 이미지를 클릭하시면 이미지 변경이 가능합니다.본인이 원하시는 gif이미지 파일을 추가해 주세요. 1-2) 프로필 gif 적용 gif파일이 바로 적용되면 편하려만 아쉽게도 html 코드까지 수정해 주어야 가능하답니다.꾸미기 => 스킨편집 => html 편집으로 들어가주세요. 우선 파일업로드에 프로필에 적용할 gif이미지를 추가합니다. 그리고 마우스 우측 버튼을 이용하여 링크 주소 복사를 한 후 html에 적용해 줄게요.html에서는 부분을 찾아서 'src =' 이 부분 뒤에 붙여넣..

더 읽기

[Tistory]19.반응형 스킨#2 수정하기

안녕하세요 유랑입니다. 오늘은 반응형 스킨을 수정해 보겠습니다.반응형 스킨중에서도 #2를 사용하겠습니다. 1. 반응형 스킨 블로그를 처음 하실 때 반응형 스킨으로 많이 시작하셨을 거에요.원하는 형태의 스킨으로 변경이 용이하고, PC와 모바일 적용이 용이하더라구요.저는 반응형 스킨 #2를 사용하였습니다. 1-1) 반응형 스킨 배경 변경하기 티스토리 블로그에 접속하셔서 꾸미기 => 스킨 편집 => html 편집에서 파일업로드 부분으로 들어가 주세요.파일업로드에는 블로그에 쓰이는 이미지들이 저장되어 있는 곳입니다. 여기서 header_default.jpg가 있는데요. 이 부분을 원하는 이미지로 바꿔주시면 됩니다.바꾸실 때는 CSS에 이미지 이름을 변경하셔도 되지만, 똑같은 이름 설정한 후 업로드 하시는게 가장..

더 읽기

[Tistory]18.구글 애드센스 오버레이 광고 넣기

안녕하세요 유랑입니다. 오늘은 오버레이 광고를 적용해 보겠습니다.PC와 마찬가지로 모바일도 많이 사용하기 때문에 꼭 적용해야 할 광고라고 생각됩니다. 1. 오버레이 광고(자동광고) 데스크탑에 비해서 모바일 광고 적용은 단가도 약하고, 적용이 힘듭니다.오버레이 광고는 앵커와 모바일 전면광고를 제공하는데,적용하기 편하고 사용자가 클릭할 확률이 높아지는 장점을 가지고 있습니다. 1-1) 애드센스 자동광고 생성하기 구글 애드센스에는 블로그 위치에 맞게 자동으로 광고를 넣어주는 기능을 가지고 있습니다.그 기능에 오버레이 광고가 속해있는데요.광고 => 자동광고 => 전체 설정 변경을 클릭해 주세요. 인페이지 광고는 빈 자리에 자동으로 넣는 느낌이 있어서 여기서 사용하시는건 추천하지 않습니다.그에 비해서 오버레이 광..

더 읽기

[Tistory]17.구글 애드센스 사이드바에 광고 넣기

안녕하세요 유랑입니다. 오늘은 사이드바에 구글 애드센스 광고를 적용해 보겠습니다.사이드바는 효과적인 광고 수익을 위해서 많이 쓰고있는 방식입니다. 1. 사이드바에 광고 넣기 구글 애드센스 광고를 이용해서 돈을 버는 방법은 여러가지이지만 광고수익률을 극대화하기 위해서는 반드시 '사이드바광고'까지 설정해 주어야 합니다.사이드바에 어떻게 광고를 생성하고 적용하는지 알아보겠습니다. 1-1) 애드센스에서 링크광고 생성하기 애드센스 사이트에 접속하셔서 광고=> 광고 단위 => 새 광고 단위를 선택해서 광고를 생성하겠습니다. 광고의 종류는 여러가지 있겠지만, 텍스트 및 디스플레이 광고를 이용하겠습니다. 광고 크기 형태를 링크광고로 맞춰주시고, 수직형(200 X 90)으로 설정하겠습니다.본인의 블로그에 맞게 설정하실꺼..

더 읽기

[Tistory]16.네이버 이웃 추가 버튼 만들기

안녕하세요 유랑입니다. 오늘은 티스토리 블로그에 네이버 이웃 추가 버튼을 만들어 보겠습니다.지난 시간에 진행한 티스토리 이웃 추가 버튼과 유사하니 잘 따라와주세요^^ 1. 네이버 이웃 추가 네이버에서는 이웃추가 버튼을 쉽게 구현가능한 위젯이 제공됩니다.이 위젯을 티스토리에 연동해 볼텐데요.네이버 이웃커넥트 위젯을 이용해서 진행하겠습니다. 1-1) 이웃추가 버튼 만들기 네이버 이웃커넥트 사이트에 접속하여 다음과 같이 설정 후 퍼가기를 눌러주세요.링크는 다음과 같습니다.http://section.blog.naver.com/sub/InstallConnectWidget.nhn 해당 코드를 복사하여 티스토리 사이드바에 적용할텐데요.지난 시간에 만든 티스토리 이웃 추가 방식과 유사해 보이지만,자신의 네이버 아이디가..

더 읽기

[Tistory]15.티스토리 이웃 추가 버튼 만들기

안녕하세요 유랑입니다. 오늘은 티스토리 블로그에 이웃 추가 버튼을 만들어 보겠습니다.이웃 추가는 티스토리 블로그의 방문객 증가를 위한 필수적인 요소라고 보면 되겠습니다. 1. 티스토리 이웃 추가 티스토리에는 링크기능을 통해서 이웃 추가를 할 수 있습니다.블로그의 주소를 직접 입력해야 되는 불편함이 있죠.이런 부분을 해소하고자 이웃 추가 버튼을 만들어 보겠습니다. 1-1) 이웃추가 버튼 만들기 거창한게 아니고 html에 이미지를 추가하여 진행하니 천천히 따라오세요^^꾸미기 => 스킨 편집 => html 편집을 선택해 주세요. 파일업로드에서는 블로그의 스킨에 필요한 이미지들을 저장할 수 있는데요.버튼 이미지를 저장하여 해당 링크를 복사해 보겠습니다.이미지와 해당 코드는 밑에 보이시는 파일에 있습니다. 추가한..

더 읽기

[Tistory]14.HTTPS 설정하고 네이버, 구글에 티스토리 등록하기

안녕하세요 유랑입니다. 오늘은 얼마 전에 추가됐던 https를 티스토리에 적용해보겠습니다.그리고 네이버, 구글에 티스토리 등록까지 이어서 진행하겠습니다. 1. HTTPS HTTP와 HTTPS는 HTML 같은 문서를 웹 브라우저가 웹 서버에 요청하는 프로토콜입니다.여기서 프로토콜은 일종의 대화 규칙이에요.이 둘의 차이점이 있다면 크게 생각하면 암호화하는게 다릅니다.HTTPS가 암호화하는 면에서 많은 보완과 기능을 가지고 있어서 대체적으로 HTTP로 바뀌는 추세에요. 1-1) 티스토리 HTTPS 설정 티스토리 https 설정하는건 어렵지 않아요.메뉴 => 관리 => 블로그에서 보안 접속을 합니다라고 바꾸면 기본 데메인이 https로 구성될거에요.당연히 변경사항 저장을 눌러주세요. 1-2) 네이버 티스토리 등..

더 읽기

[Tistory]13.티스토리 X 구글 애드센스 광고수익 공개 1 ~ 2개월째

안녕하세요 유랑입니다. 티스토리를 2018년 3월에 시작하여 벌써 11월달이 되었네요.구글 애드센스 승낙을 받기 전까지는 흥미가 없다가 9월달부터 광고를 적용하였습니다. 1. 티스토리 X 구글 애드센스 광고수익 공개 블로그의 기술이 없는 편인지 기술적인 부분을 위주로 포스팅을 해서인지 수익과 방문자 수는 적은 편이에요.앞으로 책도 읽고 포스팅을 많이 하면서 수익을 올려 봐야겠어요. 1-1) 2018년 9월 광고수익 9월의 수익과 포스팅수, 방문자, 수익입니다. * 포스팅: 75개* 방문자: 1,355명* 수익: $1.24(1,386원) * 예상수입: 확정 수입이 책정되기전 예상되는 수입(부정클릭, 무효클릭이 생겼을시 변동될 수 있다.)* 페이지뷰: 실제로 방문자들이 열람한 페이지 수를 의미한다.* 노출수..

더 읽기

[Tistory]12.가독성 좋은 폰트 적용하기

안녕하세요 유랑입니다. 오늘은 티스토리에 가독성 좋은 폰트를 적용해 보겠습니다.사람들이 보기 좋은 폰트가 가장 가독성이 있겠죠?대표적인 폰트 나눔고딕을 적용해 볼게요. 1. 나눔고딕 나눔고딕 폰트는 블로그 할 때 대표적으로 사용하는 폰트입니다.폰트는 저작권에 민감하기에 구글에서 제공하는 무료 폰트를 사용하며,적용은 반응형 스킨을 편집하여 진행할게요. 1-1) Google Fonts 구글폰트에서는 다양한 폰트들을 무료로 제공합니다.우측 메뉴 Languages를 통해서 언어별 폰트를 볼 수 있어요.저는 당연히 Nanum Gothic을 선택하겠습니다.https://fonts.google.com/?subset=korean 설정값을 통해 폰트의 크기와 모양 변경이 가능해요.해당 기능을 이용하여 내 블로그에는 어떤..

더 읽기

[Tistory]11.구글 애널리틱스 등록하기

안녕하세요 유랑입니다. 오늘은 구글 애널리틱스에 티스토리 블로그를 등록해 보겠습니다.네이버에 이어서 많은 사람들에게 사랑받는 검색 엔진이죠.과연 어떤 글이 인기가 많을지 알아볼게요. 1. 구글 애널리틱스 구글 애널리틱스에 티스토리 등록을 해보겠습니다.어떤 페이지가 애드센스 수익이 좋은지 알아볼 때 좋을 것 같네요^^ 1-1) 구글 애널리틱스 등록하기 구글 로그인을 하시고, 구글 애널리틱스 홈페이지에 접속하여 가입 버튼을 눌러주세요.https://analytics.google.com/ 게정 이름, 웹 사이트 이름, 웹사이트 URL, 카테고리, 보고 시간대를 작성해 주세요.간단해서 큰 어려움은 없으실 거에요. 작성이 끝나셨으면 하단에 있는 추적 ID 가져오기 버튼을 눌러주세요. 추적 ID나 태그 값을 이용해..

더 읽기

[Tistory]10.네이버 애널리틱스 적용하기

안녕하세요 유랑입니다. 오늘은 네이버 애널리틱스에 티스토리 블로그를 등록해 보겠습니다.블로그를 관리하다보면 어떤 글이 인기가 많은지 궁금하실거에요.그런 부분을 해주는 역할을 하는게 애널리틱스입니다. 1. 네이버 애널리틱스 네이버 애널리틱스의 장점은 보기가 편해서 좋은 것 같아요.게다가 대한민국분들은 네이버를 많이 쓰다보니 필수 인것 같아요. 1-1) 네이버 애널리틱스 등록하기 네이버 애널리틱스 홈페이지에 접속하여 바로 시작하기를 눌러 주세요.당연히 네이버 로그인을 해야지 사용가능합니다.https://analytics.naver.com/ 다음을 누르고, 이용약관 동의를 눌러주세요. 사이트명, 사이트URL은 사이트맵을 등록하셨다면 마우스 버튼으로 클릭했을 때 리스트가 보이실 거에요. 최종적으로 발급ID와 스..

더 읽기

[Tistory]09.Zum 등록하기

안녕하세요 유랑입니다. 오늘은 네이버, 구글, Bing에 이어서 포털사이트 Zum에 티스토리를 등록해 보겠습니다.Zum은 알집, 알약등 알툽시리즈로 잘 알려진 이스트소프트의 검색 포털사이트라고 하네요.간단하니깐 얼릉얼릉 진행할게요. 1. Zum 등록하기 현재 한국인들이 많이 사용하는 검색사이트는 다음과 같다고 하네요. 당연히 네이버가 1위네요. Zum은 퍼센트가 적지만 사용하기에 등록해 보겠습니다.http://help.zum.com/submit 에 접속해 주세요. 그리고 신규등록을 눌러 주세요. 1. 네이버 80%2. 다음 10%3. 줌 1%4. 구글 0.5% 이메일, 사이트 주소, 사이트명, 사이트소개의 정보를 입력해 준 다음 완료를 눌러주세요.엉 이것만 하면돼? 맞습니다. 정말 간단해요ㅎㅎ 2. 마무..

더 읽기

Copyright © 너랑나랑개발자이야기 All Rights Reserved

Designed by JB FACTORY

티스토리툴바