오늘은 블로그에 페이스북, 트위터, 카카오톡과 같은 소셜 SNS 공유버튼을 다는 방법에 대해 소개해드리겠습니다. 현재 제 블로그를 보시면 컴퓨터 큰 창으로 봤을 때는 왼쪽에 페이스북, 페메(페이스북 메신저), 카톡, 라인, 트위터의 소셜 공유 버튼이 달려 있는 것을 볼 수 있습니다. 핸드폰 스마트폰으로 보면 화면 상단에 SNS 공유 버튼이 있습니다. 지금까지 몇몇 분들이 문의를 주셨는데 이 글을 통해 간단하고 쉽게 본인의 블로그에 적용해보시기 바랍니다.

전혀 어렵지 않으니 무료 가입부터 세부설정까지 천천히 따라와주시기 바랍니다.

Addthis 가입하기 방법

이 서비스를 이용하기 위해서는 Addthis라는 사이트에 무료가입을 해야 합니다. 우선 사이트에 접속을 하기 위해 인터넷에 Addthis를 검색하시거나 아래 링크를 통해 접속하시기 바랍니다.

애드디스 : https://goo.gl/AUnvns

▼Addthis 홈페이지

메인화면 중간 하단부분에 차례대로 구글, 페이스북, 이메일로 회원가입을 할 수 있느 버튼 3개가 나란히 옹기종기 모여 있습니다. 이 중에서 본인이 원하는 것을 선택합니다. 저는 간단하게 오른쪽의 Continue with Email 버튼을 눌러서 이메일로 등록을 해보겠습니다.

가장 상단에 이메일주소를 넣고 아래에 비밀번호를 쓰고 비밀번호를 한 번 더 반복해서 써주고 아래 국가 부분은 그대로 United States로 해주셔도 상관 없습니다. 그후 아래의 Let's Get Started를 눌러서 가입절차를 마치시면 되겠습니다.

카카오톡 페이스북 SNS 공유버튼 다는 방법

가입이 완료되면 Select a Tool 도구선택 화면으로 자동으로 이동하게 되는데요. 팔로우 버튼, 관련 글, 공유 버튼 등의 기능을 모두 이용할 수 있습니다. 이중에서 가장 왼쪽 위에 있는 Share Buttons를 누릅시다.

공유버튼을 누르면 또다시 그 안에서 여러 기능들을 설정할 수 있는데, 글 사이에 공유버튼을 넣거나 버튼 하나를 누르면 공유버튼이 상단으로 펼쳐지는 기능이나 팝업창이 뜨면서 이 글을 공유하시겠습니까? 라는 것을 고를 수 있습니다. 홈페이지 블로그 사이트의 사이드에 소셜 공유버튼 붙이기를 하고 싶다면, 가장 위의 Floating을 선택하고 아래의 Continue를 누릅니다.

그후 가장 위를 보면 위치를 설정할 수 있습니다. Desktop이 컴퓨터 화면이고 Mobile이 스마트폰에서 보여지는 모습입니다. 모바일을 클릭하고 Bottom을 Top으로 변경하면 SNS 공유버튼이 화면 상단으로 이동하게 됩니다.

이제 Social Networks 부분을 봅시다. 여기에서는 기본적으로 Automatic으로 되어 있고 이것이 권장사항이라고 나오지만, 이 부분은 무시하고 그 아래의 Select your won을 누릅시다.

그러면 페이스북, 트위터, 이메일, 핀터레스트, 애드디스 순으로 소셜공유버튼이 나오는데 오른쪽의 X버튼을 눌러서 삭제하실 수 있고, 각각의 버튼을 마우스로 드래그 해서 위치를 조정할 수 있습니다. 우리는 카카오톡을 추가하고 싶기 때문에 ADD MORE SERVICES 버튼을 누릅시다.

SELECT SERVICE 아래 검색창에 kakao라고 입력을 하면 카카오에서 만든 소셜 서비스가 뜨게 됩니다. 위에 있는 Kakao가 카카오스토리를 말하고 그 아래의 Kakao Talk이 우리가 잘 알고 있는 카카오톡이니 이것을 선택해주면 되겠습니다.

그다음으로는 SNS 공유버튼의 위치 미세조정을 해보겠습니다. 공유버튼을 왼쪽이나 오른쪽 등의 위치를 정했다면, 화면의 어느 정도쯤에 위치하게 만들 수 있는 기능입니다. 왼쪽 하단에서 Advanced Options를 누릅니다.

그후 Extra Appearance Settings를 누르고 Desktop Vertical Offset을 누른 후 Top을 선택하고 원하는 위치의 퍼센테이지를 입력해주시면 되겠습니다.

모든 설정이 완료되었다면 Save & Continue라는 파란 버튼을 누릅니다. 그리고 티스토리, 구글블로그 등의 웹사이트라면 HTML WEBSITE를 선택한 후 1번에 있는 코드를 복사해줍니다. 오른쪽의 COPY 버튼을 누르셔도 됩니다.

그다음 티스토리 블로그의 경우 블로그 관리화면에서 꾸미기의 HTML/CSS의 HTML의 가장 아래에 있는 </body> 코드 바로 위에 방금 복사한 태그를 붙여넣기 해준 후 저장 버튼을 눌러주시면 되겠습니다.

그리고 본인의 블로그를 확인해보면 우리가 원하던 그 디자인, 그 모양으로 소셜네트워크 서비스 SNS 공유버튼이 잘 구현된 것을 확인할 수 있겠습니다.

구글블로그 유튜브 동영상

오늘은 구글블로그에 유튜브 영상을 삽입하는 방법에 대해 알아보겠습니다. 유튜브에서는 자체적으로 공유 버튼을 만들어서 여러 사이트나 블로그에 유튜브 영상을 삽입할 수 있도록 코드와 링크 주소를 제공해주고 있습니다. 하지만 블로그를 운영하는 분들의 경우 유튜브 동영상을 글에 넣기 위해서 일일이 코드를 복사하고 붙여넣는 것은 시간을 많이 잡아먹고 여간 귀찮은 일이 아닐 수 없습니다. 

지난번에 티스토리에서 유튜브 영상을 간단하게 넣는 방법을 다룬 적이 있는데 구글블로그에서도 몇 번의 클릭만으로도 유튜브 동영상을 손쉽게 넣을 수 있습니다.

구글블로그 유튜브 영상 삽입하기

구글블로그에 로그인을 하면 바로 관리화면으로 들어갈 수 있는데, 왼쪽 윗부분에 있는 글쓰기를 누르면 포스팅을 작성할 수 있습니다.

글쓰기 화면에 들어가면 상단에 글자 크기, 글자 굵기와 기울임, 링크 및 그림 등을 넣을 수 있는 편리한 버튼이 있는데, 스마일 표정과 액자그림 사이에 있는 영화 컷 도구인 클래퍼보드 슬레이트 버튼을 누릅니다.

그러면 동영상 추가라는 창이 하나 뜹니다. 기본적으로 업로드 탭이 보여질텐데, 업로드 탭 오른쪽에 있는 YouTube 동영상을 클릭한 후 바로 아래 검색창에 우리가 넣고 싶은 동영상 제목을 검색을 합니다.

돋보기 모양의 버튼을 눌러서 말입니다. 그 다음 검색 목록에서 내가 찾던 영상을 선택하고 아래의 파란색 선택 버튼을 눌러줍시다.

선택을 누르면 내가 골랐던 유튜브 동영상이 쏙 들어가게 됩니다. 일부러 유튜브 사이트 창을 띄워서 소스코드를 복사 붙여넣지 않아도 이렇게 클릭 몇번만으로도 동영상을 구글블로그에 아주 쉽게 넣을 수 있는 것입니다. 모두 이 방법을 통해서 구글블로그 유튜브 영상 삽입을 간단하게 해보시기 바랍니다.

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

오늘은 구글 크롬 방문기록 삭제 방법에 대해 알아보겠습니다. 인터넷 브라우저는 기본적으로 아이디와 비밀번호를 기억해서 로그인을 편하게 해주거나, 같은 사이트에 접속했을 때 조금 더 빠르게 페이지를 보여주기 위해 여러가지 정보를 저장합니다. 빠르게 웹페이지를 탐색하고 로그인을 빠르게 할 수 있게 되는 것은 분명 좋은 점입니다. 하지만, 이러한 데이터가 계속 쌓이고 쌓이다보면 컴퓨터의 용량을 차지하기도 하는데다가 개인용 컴퓨터가 아니라 공용 컴퓨터인 경우에 제멋대로 개인정보를 저장해버리면 위험할 수가 있습니다.

이러한 문제점을 해결하기 위해서는 인터넷 사용 흔적 지우기를 해주는 것이 좋습니다. 인터넷 익스플로러와 더불어 많이 사용하시는 구글 크롬 브라우저에서 인터넷 사용 기록과 방문기록 삭제하는 방법을 지금부터 설명드리겠습니다.

크롬 방문기록 삭제 방법

우선 구글 크롬 브라우저를 실행시킨 후 오른쪽 위에 있는 점 세개 버튼을 클릭합니다. 그후 도구 더보기를 선택하고 인터넷 사용 기록 삭제를 누릅니다. 이렇게 누르는 것이 귀찮다면 키보드 자판 왼쪽 아래에 있는 Ctrl키와 Shift키, 그리고 오른쪽 위에 있는 Del키를 동시에 누르셔도 좋습니다.

또는 점 세개를 누르고 S키를 눌러서 설정 버튼에 들어가신 후 인터넷 사용기록 삭제를 찾아서 들어가셔도 됩니다.

위의 세 가지 방법 중 하나를 통해 인터넷 사용 기록 삭제 화면에 들어가게 되면 다음 항목 삭제 부분을 기본 설정인 전체로 해주시고 인터넷 사용기록, 다운로드 기록, 캐시된 이미지 또는 파일, 쿠키 및 기타 사이트 데이터, 비밀번호 등을 모두 지울 수 있도록 오른쪽 아래의 인터넷 사용 기록 사제를 누르시면 되겠습니다.

구글 크롬 브라우저를 얼마나 사용했냐느에 따라서 방문기록 삭제 시간이 길어질 수도 짧을 수도 있습니다. 모두 삭제가 될 때까지 기다려주신 후 완료가 되면 브라우저창을 닫아주시면 되겠습니다. 앞으로는 꼭 정기적으로 크롬 방문기록 삭제를 실행해서 깔끔하고 안전한 인터넷 사용을 하시기 바라겠습니다.

구글 크롬 모바일 페이지에서 찾기 진동 끄기 방법

모바일 크롬 주소창 아래에서 위로 올리기 방법

구글크롬 시크릿모드(비밀모드) 설정하기 방법

구글블로그 너비 조정하기

오늘은 구글블로그 레이아웃 사이드바 및 폭 너비 설정하는 방법에 대해 알아보도록 하겠습니다. 여러 홈페이지와 사이트들을 방문해보면 정말로 다양한 페이지 구조를 가지고 있는 것을 볼 수 있습니다. 양쪽에 구글애드센스와 같은 광고가 세로로 길쭉하게 달려 있는 사이트부터 왼쪽 사이드에만 광고가 달려 있는 사이트 등 각양각색입니다.

그러한 사이트 레이아웃을 하려면 어떻게 하면 좋을까요? 구글블로그에서라면 단언컨대 블로그 사이트 중에서 가장 편하고 쉽게 설정할 수 있다고 말씀드릴 수 있습니다.

구글블로그 레이아웃 구조 변경하기

우선 구글블로그에 로그인 하고 화면 왼쪽에서 테마를 클릭합니다. 테마 화면이 오른쪽에 표시가 되면 사용중인 디자인과 모바일에서의 화면을 확인할 수 있는데 사용중인 디자인 아래를 보시면 맞춤설정과 HTML 편집이라는 두 개의 버튼이 있습니다. 만약 HTML을 잘 다루시는 분이라면 HTML 편집을 통해서 레이아웃을 수정하셔도 좋지만, 일반적으로 코드를 잘 모르시는 분들이라면 맞춤설정을 눌러주시기 바랍니다.

Blogger 테마 디자이너가 화면 상단에 표시가 되는데, 여기에는 테마, 배경, 너비 조정, 레이아웃, 고급의 총 5가지 기능이 있습니다. 이중에서 먼저 레이아웃을 선택하면 본문 레이아웃 8개와 바닥글 레이아웃 3개 중에서 마음에 드는 것을 선택할 수 있도록 도어 있습니다.

그 다음에 해야할 것은 너비 조정입니다. 본문 전체폭과 왼쪽과 오른쪽 사이드바 메메뉴의 폭 너비를 단지 마우스 드래그와 픽셀 숫자 수정으로만으로도 손쉽게 바꾸기를 할 수 있습니다. 정말 놀랍지 않나요?

티스토리 블로그에서 이러한 조정을 하려면 산수 수준의 계산이지만 머리를 써야하고 어느 부분을 어떻게 수정해야 하는지 시간도 꽤 걸리는 반면 구글블로그의 경우 너무나도 간단하게 조정을 할 수 있다는 사실에 깜짝 놀랐습니다.

레이아웃 구조와 폭 너비 설정이 끝났다면 이제는 각각의 부분에 가젯을 삭제하거나 추가하셔서 꾸며주시면 되겠습니다. 저처럼 왼쪽과 오른쪽, 그리고 화면 상단에 광고 코드를 넣어보고 싶으신 분이라면 가젯 중에서 HTML/JavaScript 가젯을 선택한 후 광고 코드를 넣어주시면 되겠습니다.

데이블 광고만 표시하기

오늘은 데이블 광고만 보이게 설정하는 방법에 대해 알아보겠습니다. 데이블 광고를 블로그에 설치하게 되면 기본적으로 8개의 글이 보이게 되는데 이 중에서 4개는 본인의 포스팅이 보이게 되고, 나머지 4개는 데이블 광고가 표시되게 됩니다. 다른 분들은 모르겠지만, 필자의 경우 데이블 광고와는 확연하게 차이가 나도록 썸네일을 따로 만들기 때문에 클릭률이 매우 저조한 편입니다.

그런데 며칠 전 데이블을 살펴보다가 흥미로운 광고코드가 있었습니다. 즉, 오늘 소개해드릴 8개 또는 9개 모두 데이블 광고로만 표시되는 기능입니다. 어떻게 설정을 하면 되는 것인지 지금부터 바로 알아봅시다.

우선 데이블 사이트에 들어가고 로그인을 합니다. 혹시 아직 데이블이 없으신 분들이라면 아래 글을 참고하셔서 데이블 신청을 하시면 되겠습니다.

참고글 : 데이블(Dable) 신청방법 및 이용하기 방법

▼왼쪽 사이드바를 보면 홈부터 광고성과, 추천성과, 로그현황, 설정 부분이 있는데, 이 중에서 설정을 누르고 추천 위젯을 누릅니다.

▼추천 위젯에는 현재 10가지가 있습니다. 가장 기본적인 것이 본문하단_썸8입니다. 여기에 있는 모든 위젯을 하나하나 클릭해보면서 본인의 블로그에 설치했을 때 가장 보기에 좋고 클릭률이 잘 일어날 것 같은 위젯을 선택해보시면 좋습니다.

이중에서 세번째에 있는 블로그_하단광고(5*1/3*3)을 클릭하면 다른 광고들과는 다르게 9개 모두 광고로 뜨는 것을 볼 수 있습니다. 실제로 본인의 블로그에 적용해보시면 아시겠지만, 그대로 적용이 됩니다.

▼아래를 보면 위젯 삽입 코드가 있는데, 광고 전용 위젯 스크립트입니다. 아래의 코드를 Ctrl키와 A키를 눌러서 모두 선택해주신 후 Ctrl키와 C키를 동시에 눌러서 복사를 합니다.

그후 티스토리 관리화면 왼쪽 사이드에서 플러그인을 누른 후 구글애드센스 반응형 플러그인을 선택합니다. 반응형 플러그인 하단에 데이블 광고 코드를 Ctrl키와 V키를 함께 눌러서 붙여넣기 해주시고 저장을 해주면 몇 분 후에 데이블 광고만 보이게 되도록 광고가 설정되는 것을 확인할 수 있습니다. 저의 경우 이 기능의 코드로 바꾼 후부터 데이블 광고 수익이 약 2배 이상으로 증가했으니, 다른 분들도 이 코드로 실험을 해보셔서 수익 증가에 도움이 되기를 바라겠습니다.

오늘은 구글블로그 애드센스 광고를 서식 기능을 활용해서 간단하고 쉽게 삽입하는 방법에 대해 알려드리겠습니다. 요즘 구글블로그를 혼자 연구해보면서 매번 깜짝 깜짝 놀라게 되는데 그 이유는 티스토리 블로그도 편하기는 하지만, 지금까지 사용해보았던 블로그 중에서 어쩌면 가장 알기 쉽고 편한 기능이 많기 때문입니다. 워드프레스도 아주 다양한 기능의 플러그인이 많아서 놀랐던 적이 있지만, 너무 많고 복잡한데다가 어느 정도의 트래픽과 저장 용량을 넘어서게 되면 유료로 사용해야만 하기 때문에 아직까지는 손이 잘 가지는 않습니다.

티스토리에서는 서식을 이용해서 구글 애드센스 광고를 쉽게 넣는 방법을 여러번 다룬 적이 있는데, 구글블로그에서도 서식 기능을 이용해서 글을 아주 간편하게 작성할 수 있습니다.

구글블로그 서식 기능으로 광고 쉽게 넣기

우선 구글 블로그에 로그인을 하고 관리화면에서 설정을 누릅니다. 설정에는 기본부터 사용자 설정까지 여러 기능이 있지만, 이중에서 위에서 두번째에 있는 글 댓글 공유 설정 항목을 클릭합니다. 그후 오른쪽 화면에서 글 템플릿 바로 오른쪽에 있는 공간에 글 사진 애드센스 광고코드 글 사진 구글 광고코드 이런 식으로 작성을 합니다.

이때 구글 광고코드는 애드센스 사이트에서 가져오시면 되겠습니다. 원하는 광고배치를 고려해서 작성을 하고 오른쪽 위의 설정 저장을 누르면 저장이 완료 됩니다.

이제 잘 구현이 되었는지 확인을 해봐야겠지요? 글쓰기 버튼을 누르면 일반적으로는 하얀 도화지처럼 빈 화면만 보이지만 이제는 글쓰기 환경이 어떻게 변화되었는지 보러갑시다.

글쓰기 화면을 보면 글 사진 빈 공간 광고1 글 사진 광고2 라고 적혀 있는 것을 볼 수 있습니다. 왼쪽 상단에 보면 글쓰기와 HTML이 있는데 글 사진과 광고1 사이에 있는 빈 공간의 정체가 궁금하다면 HTML을 눌러서 확인하실 수 있습니다. 또는 미리보기를 누르면 됩니다.

미리보기를 눌러본 결과 이와 같이 자동으로 광고코드가 잘 붙여진 것을 확인할 수 있습니다. 티스토리 블로그에서도 이런 식으로 서식을 만들어놓으면 포스팅이 더욱 간편해지고 쉬워질 것이라고 생각을 합니다. 조금더 빨리 글을 편하게 쓸 수 없을까 고민중이셨던 분이라면 꼭 구글블로그 애드센스 광고 서식으로 쉽게 넎는 방법에서 다룬 내용들을 참고하셔서 도움되시기를 바라겠습니다.

구글 플레이스토어 오류

오늘은 구글 플레이스토어(Play스토어) 화면이 표시되지 않는 오류에 대한 해결 방법을 살펴보겠습니다. 필자는 새로 구입한 스마트폰으로 인해서 기존에 사용하던 핸드폰은 공기계로 전락한 적이 몇 번 있었는데 집에서 와이파이로 인터넷을 검색할 때는 가끔씩 공기계를 사용할 때가 있습니다. 그런데 이 공기계가 옛날 핸드폰이다 보니까 어쩌다 전원을 켜서 무언가 어플을 받으려고 구글 Play스토어에 들어가면 화면이 아무것도 표시가 되지 않은 적이 자주 있습니다. 

이럴 때는 어떻게 해야하면 될 지 지금부터 알아보겠습니다.

플레이스토어 오류 해결 방법

우선 스마트폰 설정 화면에 들어갑니다. 그후 언어 및 입력 방식, 날짜 및 시간, 초기화의 기능이 있는 일반을 클릭합니다. 다른 스마트폰 기종이라면 이와 다를 수도 있는데 중요한 것은 시간 항목과 관련한 곳에 들어가시면 되겠습니다.

일반에 들어가면 언어 및 시간, 이용안내, 초기화 등의 기능이 있는데, 여기서 날짜 및 시간이라고 되어 있는 부분을 누릅니다.

날짜 및 시간에서 날짜 설정과 시간 설정을 보면 오늘과 날짜가 다르거나 시간이 다른 경우가 있는데, 다른 시계를 참고해서 오늘의 날짜와 시간으로 다시 수정을 해줍니다.

또는 날짜 및 시간 자동 설정이 있는 핸드폰이라면 그 부분을 눌러주시기 바랍니다. 이 기능은 데이터나 와이파이를 통해 인터넷이 연결되어 있을 경우 네트워크에서 제공되는 날짜, 시간, 시간대를 사용해서 날짜, 시간, 시간대를 직접 설정하지 않고도 자동으로 받아올 수 있도록 하는 설정을 말합니다.

그 후에 구글플레이(Google Play store)에 다시 들어가면 위와 같이 제대로 작동이 되는 것을 확인하실 수 있습니다. 구글 플레이스토어 오류가 발생하게 되면 반드시 시간을 자동으로 받기를 설정해주시거나 현재 날짜 및 시각으로 잘 맞춰주셔보시기 바라겠습니다.

앱(어플) 자동업데이트 방지(끄기, 해제) 방법

유튜브 백그라운드 어플(앱) 추천 및 사용방법

거리재기, 거리 측정하기 :: 스마트폰, 핸드폰편

핸드폰 위치변경 GPS 위치 바꾸기 방법

오늘은 구글블로그 스킨 다운로드 방법과 실제로 다운받은 스킨을 적용하는 방법에 대해 설명드리겠습니다. 티스토리의 경우에는 1명 당 최대로 만들 수 있는 블로그의 개수가 5개로 정해져 있습니다. 블로그의 이름을 바꾸고 다시 만들고 할 수 있는 것은 최대 10개까지이지만 기본적으로 5개밖에 만들 수 없다는 것입니다. 하지만 구글블로그인 블로그스팟에서는 거의 무제한으로 블로그를 만들 수 있고, 티스토리나 이글루스처럼 구글 애드센스 광고 코드를 넣어서 수익을 창출할 수 있다는 점에서 매우 매력적인 블로그입니다.

그런데 문제는 기본적으로 구글블로그에서 제공하고 있는 스킨은 단조롭고 디자인이 예쁘지가 않습니다.

구글블로그 스킨 다운로드 하기

저 또한 이러한 문제 때문에 고민이 많았기 때문에 어떻게 하면 좀더 예쁜 디자인의 블로그스팟을 만들 수 있을까 이곳저곳 찾아봤습니다. 그중에 무료 스킨도 많고 깔끔한 스킨이 많은 곳이 있었습니다. 바로 구야아비라는 곳인데, 직접 검색을 하시거나 아래 링크를 통해서 들어가실 수 있습니다.

gooyaabi : https://goo.gl/He2xYu

▼구야비 메인화면

gooyaabi 템플릿 홈페이지의 모습입니다. 화면 가운데를 보면 왼쪽부터 반응형 템플릿, 무료 블로거 템플릿, SEC 최적화 준비 템플릿이 있습니다. 개인적으로는 요즘 스마트폰을 사용해서 검색하는 분들이 많기 때문에 가급적 반응형 스킨으로 만드는 것이 좋다고 생각하기 때문에 Responsive Templates를 선택해보았습니다.

여러 스킨들이 있는데, 각자마다 마음에 드는 템플릿을 선택해줍니다. 저는 티스토리를 패스트부트 스킨을 사용하고 있는데 마침 패스터 패스트 로딩이라는 구글블로그 스킨이 눈에 띄여 Faster Fast Loading 템플릿을 골라보겠습니다.

각 스킨에 들어가면 아래에 미리보기, 구입하기, 다운로드 버튼이 있는데, 이 중에서 가장 오른쪽에 있는 초록색 박스인 다운로드를 눌러주시면 되겠습니다. Download를 누르면 바로 압축파일이 받아지게 됩니다.

구글블로그 스킨 적용하기

이제 스킨 템플릿을 다운로드 받았으니, 구글블로그 스킨에 적용을 해볼 차례입니다. 컴퓨터의 다운로드 폴더에 들어가서 방금 받은 압축파일을 마우스 오른쪽 버튼 우클릭을 한 후 압축풀기를 해줍시다.

구글블로그에 로그인 한 후 스킨을 적용하고자 하는 블로그를 골라준 후 왼쪽 사이드바에서 테마를 눌러줍니다.

테마 화면에 들어가면 오른쪽 위에 백업 및 복원이라는 버튼 하나가 보일 것인데 이 버튼을 클릭합니다.

그러면 백업/복원창이 뜨게 되는데, 테마 다운로드 버튼과 파일 선택, 그리고 업로드 버튼이 보입니다. 이 중에서 아래의 파일 선택 버튼을 누릅니다.

아까 전에 다운로드 받은 스킨 템플릿 폴더에 들어간 후 끝자리가 xml로 끝나거나 파일 유형이 XML 문서라고 되어 있는 파일을 골라준 후 아래의 열기를 눌러줍니다.

파일 선택 부분 오른쪽에 방금 우리가 등록한 Faster Fast Loading.xml이라고 표시가 되면서 스킨이 잘 선택되었는지 다시한번 확인을 한 후 아래의 업로드 버튼을 눌러주면 업로드가 진행이 됩니다. 완료가 되면 우측 하단의 닫기를 눌러서 꺼줍니다.

이제 내 블로그에 내가 적용한 스킨이 잘 반영 되었는지 확인을 하기 위해 내 블로그 보기를 누르면 아주 잘 구현이 된 것을 확인할 수 있습니다. gooyaabi 사이트를 통해 마음에 드는 스킨 다운로드를 하신 후 아주 간단하게 구글블로그 스킨 등록까지 일사천리로 해보시기 바랍니다.

구글블로그 만들기(개설, 시작하기) 방법

구글 블로그 애드센스 광고 달기 방법 :: 사이드바

구글 블로그 애드센스 광고 글 사이(중간)에 넣기 방법

오늘은 티스토리 애드센스 광고를 jquery 코드를 사용해서 간편하게 넣고 관리하는 방법에 대해 다루겠습니다. 구글 애드센스 광고 코드를 티스토리 블로그에 구현하는 방법은 여러가지가 있습니다. 가장 쉽고 간단한 티스토리 구글 애드센스 수익 플러그인을 사용하는 방법부터 글쓰기할 때 HTML을 눌러서 광고코드를 일일이 넣는 방법, 서식을 이용해서 넣는 방법 등 다양합니다. 방금 말한 방법은 모두 포스팅을 해왔으니 궁금하신 분은 글 아래에 참고글을 통해 넣겠으니 확인해주시기 바랍니다.

지금까지 여러 방법으로 글 중간에 애드센스 코드를 넣어왔지만, 아무리 편한 서식 기능을 이용한다고 하더라도 배치한 광고 유형을 바꾸고 싶다면, 300개 이상의 글 모두를 수정 발행해야 하기 때문에 매우 번거롭습니다. 하지만 오늘 알려드릴 방법을 사용하신다면 이제부터는 단 한 번의 수정으로 다수의 글들에 포함된 광고를 쉽게 관리할 수 있게 됩니다. 어떻게 하면 될지 지금부터 따라와주시기 바랍니다.

티스토리 애드센스 jquery로 편하게 관리하기

우선 본인의 블로그 화면에서 q키를 눌러서 블로그 관리화면으로 들어갑니다. 꾸미기에서 HTML/CSS편집 버튼을 누릅니다.

HTML에 들어오면 키보드 자판에서 End키를 누르거나 스크롤을 쭉 내려서 가장 하단으로 이동합니다. </body>라고 적혀 있는 바로 앞 부분에 사진에 표시된 스크립트 코드를 입력해줍니다. 입력해야 할 양이 매우 많기 때문에 아래의 메모장 파일을 받으셔서 복사 붙여넣기 해주시면 되겠습니다.

</body> 앞에 : body앞코드.txt

코드를 잘 보시면 #ad1300이라고 적혀있는 것이 있습니다. 이 부분은 본인의 구글 애드센스 광고코드의 속성을 잘 알아볼 수 있도록 바꿔주시면 되는데요. 만약 반응형 광고코드라면 #adauto 이런 식으로 바꾸어주셔도 된다는 말입니다. 그 다음 확인해야할 것은 .append('의 바로 뒤의 <ins> 부터 </ins>까지 인데요. 구글 애드센스에서 받아온 본인의 광고 코드를 보면 <‌ins>로 시작하는 부분과 </ins>로 끝나는 부분이 있을 것입니다. 이 부분을 복사한 후에 기존에 들어가 있는 <ins ~ /ins> 부분은 지우시고, 작은 따옴표(') 바로 뒤에 붙여주시면 되는 것입니다. 단, 구글애드센스 코드를 보면 엔터가 쳐져 있는데요. 이 엔터를 모조리 없애서 한 줄로 만들어주셔야 합니다. 즉, 

<ins class="~"

style="~"

data-ad-client="~"

이런 식으로 되어 있는 것을 <ins class="~"style="~"data-ad-client="~" 이렇게 만드시면 되는 것입니다. 그후 오른쪽 상단의 저장버튼을 누릅니다.

이제 블로그관리에서 콘텐츠 하위 기능인 서식관리를 클릭한 후 서식쓰기를 누릅니다.

서식 제목에 본인이 알아볼 수 있게 광고 코드 이름을 적고, 오른쪽의 HTML에 체크해준 다음에 본문 내용에 <div align="center"><div id="ad1300"></div></div> 라고 입력합니다. 여기서 div id="의 다음에 오는 글자가 방금 전 HTML에 삽입했던 글자와 같아야 합니다. 모두 다 되었다면 아래의 발행 버튼을 누릅니다.

서식에 넣기 : 서식코드.txt

그후 글쓰기 버튼을 눌러서 제목과 본문을 입력한 후 광고코드를 넣고 싶은 자리에 커서를 넣고 오른쪽 아래에서 서식을 눌러서 방금 만든 제목의 서식코드를 넣고 미리보기를 하거나 발행을 합니다. 그러면 애드센스 광고가 잘 나오는 것을 볼 수 있습니다.

만약 광고를 여러개 넣고 관리하고 싶다면, HTML/CSS의 </body> 앞에 넣었던 코드 중에서

$("#ad1300")부터 </ins>'); 부분까지가 하나의 세트이니 이를 복사 붙여넣기 해서 위와 같이 여러 코드를 같은 방식으로 넣어주시면 됩니다. 이럴 경우 광고코드의 수만큼 서식도 여러개 만들어주시면 되겠습니다. 이제부터는 티스토리 애드센스 광고를 jquery 코드를 이용해서 좀더 편하게 넣고 관리해보시기를 바랍니다.

애드센스 일치하는 콘텐츠 광고 수익설정하기 방법

구글 애드센스 링크형 광고(링크 광고) 달기 방법

퀵애드센스(Quick Adsense) 구글 크롬 툴로 애드센스 수익 확인하기 방법

오늘은 티스토리 글 SNS 자동발행하는 방법에 대해 살펴보겠습니다. 티스토리 블로그에 정성들여 포스팅을 해주고 계시는 분들이 많은데요. 오랜 시간에 걸쳐서 열심히 글을 썼는데 정작 글을 필요로 하는 사람은 볼 수 없다면 헛수고가 될 수 있습니다. 반면, 내 글을 필요로 하는 많은 사람들에게 공유가 되어서 도움을 드릴 수 있게 된다면 더욱 보람이 커질 것이구요. 요즘에는 소셜 네트워크 서비스인 SNS를 많이 사용하고 계시는데요 특히 페이스북, 인스타그램, 트위터, 카카오스토리 등의 서비스가 인기가 있습니다.

많은 사람들이 사용하고 있는 SNS에 내가 쓴 글을 올려놓아 한 두명이라도 더 많은 사람들이 도움을 받을 수 있다면 좋을 것입니다. 하지만, 매번 글 링크 주소를 복사 붙여넣기 해서 올리는 일은 여간 귀찮은 일이 아닙니다. 이런 문제를 해결하기 위해서 티스토리에서 내가 글을 발행하기만 하면 자동으로 페이스북이나 트위터, 카카오스토리에 글을 올려주는 서비스를 제공하고 있습니다. 어떻게 하면 되는지 지금부터 바로 알아보겠습니다.

티스토리 글 SNS에 자동으로 보내는 방법

먼저 본인의 티스토리 블로그에서 q 버튼을 눌러서 로그인 한 후 관리화면에 진입합니다. 그후 화면 왼쪽 아래 쯤에서 꾸미기 항목과 링크 항목 사이에 있는 플러그인 버튼을 클릭합시다.

그러면 화면 오른쪽에 플러그인 기능 목록이 쭉 펼쳐지는데요. 우측 상단에 있는 보기 버튼을 눌러서 글보내기를 선택해주면 SNS 글보내기부터 해서 페이스북 글 보내기까지 현재 5개의 플러그인 기능을 무료로 사용할 수 있도록 제공하고 있는 것을 볼 수 있습니다. 카카오스토리 채널, 트위터, 페이스북 중에서 본인이 원하는 서비스 하단에 있는 설정하기 버튼을 눌러줍니다.

먼저 트위터 글 보내기를 눌러보았습니다. 말머리는 트위터에 글을 보낼 때 서두에 붙는 문구를 말합니다. 기본적으로 [#Tistory]라고 되어 있어서 다른 사람들이 티스토리 블로그에서 작성된 글을 공유하는 것이구나 하고 알 수 있습니다. 만약 다르게 표시되기를 원한다면 말머리를 지워주시거나 수정, 편집해주시면 되겠습니다. 그후 아래의 계정 연결하기를 눌러서 트위터에 로그인하시고 글보내기에 대한 서비스 허용을 해주시고 오른쪽 아래의 적용버튼을 눌러주시면 됩니다.

다음으로 페이스북 글 보내기를 눌러보면, 이미지 미리보기를 할 것인지 아닌지와 글을 모든 사람에게 공개할 것인지 친구에게만 공개할 것인지를 설정할 수 있습니다. 본인의 입맛에 맞게 선택을 해준 다음, 아래의 계정 연결하기 버튼을 클릭합니다. 페이스북에 로그인 한 후 해당 서비스를 허용해주신 후 트위터 글보내기와 마찬가지로 우측 하단의 적용을 클릭해서 완료해주시면 되겠습니다. 글을 많은 곳에 알릴 수 있는 좋은 기능이니 꼭 해당 플러그인을 사용해서 티스토리 글을 페이스북, 트위터, 카카오스토리채널의 SNS에도 편리하고 간단하게 자동으로 보내보시기 바라겠습니다.

티스토리 블로그 유용한 단축키 알아보기

티스토리 블로그 타이틀 마우스오버 색상(색깔, 컬러) 변경하기 방법

티스토리 블로그 CCL 설정하기 방법