본문 바로가기

구글블로그6

NN 구글블로그 | Blogger(블로그스팟) 애드센스 신청 전 할일 구글 블로그인 블로거(블로그스팟)에서 애드센스를 신청 전 블로그스팟에서 설정해야 할 항목에 대한 글입니다. 블로그스팟에서 설정은 SEO와 관계가 있기 때문에 꼭 확인하시고 설정하시기 바랍니다. 목차 구글 블로그 설정 기본 ▶ 설명 - 블로그에 대한 소개글을 작성합니다. 당연히 올린 글을 기반으로 주제와 맞게 설정하는 것이 좋습니다. ▶ Google 애널리틱스 측정 ID - 블로그를 추가하는 경우 애널리틱스에서 속성만들기로 추가하면 됩니다. 구글 애널리틱스 측정 ID는 "G-xxxx" 형태입니다. ▶ 파비콘 - 100KB 미만의 정사각형 이미지입니다. 개인정보 보호 ▶ 검색엔진에 표시됨 - "검색엔진에서 내 블로그를 찾을 수 있도록 허용" -> 초록색 불이 들어오면 on입니다. HTTPS ▶ HTTPS 리.. 2024. 2. 5.
NN 구글블로그 | 블로거 자동 목차 만들기 구글블로그 블로거(블로그스팟) 글 상단에 h태그를 읽어들여 자동으로 목차를 만드는 법을 설명드리려고 합니다. 목차 Javascript 포스팅 한 글 본문에 h 제목태그 요소를 읽어드리는 자바스크립트 함수 부분입니다. 자바스크립크 삽입 ▶ 블로거 관리자 좌측메뉴 [테마] - [맞춤설정] 옆 화살표 - HTML 편집 ▶ 사이에 아래 코드를 복사해서 붙여넣기 합니다. CSS 목차의 모양을 만드는 CSS 부분입니다. 원하시는대로 수정해서 사용하시면 됩니다. CSS 삽입 ▶ 블로거 관리자 좌측메뉴 [테마] - [맞춤설정] 옆 화살표 - HTML 편집 ▶ Ctrl + F 를 눌러 를 검색합니다. ]]> 태그 바로 위에 아래 코드를 삽입합니다. /* 자동목차 디자인 */ .avsTOC { border: 1px sol.. 2024. 2. 1.
NN 구글블로그 | 블로거 에디터 사용방법 구글블로그 '블로거' 에디터에 대해서 살펴보겠습니다. 상단 메뉴바와 우측 메뉴에 대해 각각의 기능을 설명해 드릴게요. 목차 상단 메뉴바 글쓰기 모드 ▶ 새 글 작성 보기 - 블로그에 글을 쓰는 모드입니다. ▶ HTML 보기 - HTML태그를 삽입, 수정, 삭제 할 수 있어요. 글꼴 ▶ 글꼴유형 - 폰트를 고를 수 있습니다. [더 많은 글꼴 추가] 로 새로운 폰트를 불러올 수도 있어요 ▶ 글꼴크기 - 가장 작게 / 작게 / 보통 / 중간 / 크게 / 가장 크게 ▶ 글 형태 - 주 제목 / 제목 / 부제목 / 소제목 / 단락 형식 / 보통 텍스트 ▶ 굵기 ▶ 기울임 ▶ 밑줄 ▶ 취소선 - 가운데 줄이 갑니다. ▶ 색상 - 글 색상 ▶ 배경색상 - 글 배경 색상을 정할 수 있어요 이미지 / 동영상 ▶ 링크 -.. 2024. 1. 22.
NN 구글블로그 | 블로거 이미지 썸네일 깨지는 경우 구글 블로거는 이미지를 본문에 맞게 크기를 맞추는 작업을 해도, 메인 화면에서 크기가 다른 썸네일 이미지가 깨지는 현상이 발생하는데요. 이번 포스팅은 썸네일 문제에 대해서 다뤄보겠습니다. 이미지 삽입 썸네일 이미지를 먼저 보시겠습니다. 왼쪽 최근글에서는 썸네일이 문제가 없지만 오른쪽 가젯에서는 같은 글의 썸네일이라도 이미지가 흐릿하게 보입니다. HTML 수정 1) 본문 글에 들어가서 HTML 보기로 해당 이미지의 SRC 부분을 살펴보겠습니다. 2) src에서 이미지명 바로 앞에 w674-h972 이라는 부분이 보이시죠? w0 으로 고쳐보겠습니다. 3) width는 해당 테마의 본문 사이즈에 맞게 고칩니다. 그래야 본문 가로 넓이에 맞게 꽉 차게 됩니다. 업데이트 후 메인 화면으로 가보겠습니다. 썸네일별로.. 2024. 1. 18.
NN 구글블로그 | 이미지와 동영상 본문 넓이에 맞게 조정하기 구글 블로그인 블로그 (블로그스팟)에서 글을 작성하시다보면 이미지 다루기가 쉽지 않다는 것을 알게되실텐데요. 이미지를 원하는 형태로 보이는 방법을 하나씩 정리해보고자 합니다. 먼저 이미지와 동영상을 본문 넓이에 딱 맞게 조절하는 방법부터 말씀드리겠습니다. 목차  이미지 삽입▶ 먼저 본문에 이미지를 불러옵니다. 이미지는 본문보다 넓어야합니다.▶ 이미지를 클릭 해 보면 이미지크기를 선택할 수 있습니다. "크게", "매우 크게" 를 선택해도 본문과 딱 맞지 않습니다. 모서리를 잡고 드래그 해도 어디까지가 본문 넓이인지 알 수가 없는데요. "원본" 크기를 선택해 줍니다.  수정1) 블로그 관리자 화면 >> 테마 >> 맞춤설정 을 클릭합니다.2) 블로거 테마 디자이너에서 고급 >> CSS 추가를 선택합니다.3) .. 2024. 1. 15.
NN 구글블로그 | 블로거(Blogger) 장단점과 테마 추천 구글 블로그 "blogger"는 도메인에 "blogspot"이 들어가기 때문에 블로그스팟이라고도 불립니다. 이 글에서는 블로그스팟이라고 지칭하겠습니다. 블로그스팟을 시작하기 전에 미리 알아두면 좋은 점들을 정리해 봤습니다. 목차 블로거 (Blogger) 장단점 장점 ▶ 무료로 사용가능합니다 ▶ 계정당 100개까지 개설이 가능합니다 ▶ 구글 서비스(구글서치콘솔, 애널리틱스, 애드센스)와 연동이 쉽고 구글 SEO에 맞게 설정되어있습니다. URL 주소 지정 가능 메타 디스크립션을 따로 만들 수가 있습니다. 티스토리는 첫 문장을 가져다 쓰기 때문에 길이를 정할 수가 없습니다. 구글 블로그스팟은 가능합니다. 단점 ▶ 노출까지 꽤 오랜 시간이 걸리고 그렇기 때문에 유입이 적습니다. ▶ 블로그에 대해 정보를 얻기가 .. 2024. 1. 11.