블로그를 더욱 매력적으로 만들어줄 수 있는 도구가 바로 가젯 기능 입니다.
구글 블로거(블로그 스팟) 가젯은 블로그에 다양한 기능과 정보를 추가하여 방문자의 편의성을 높이고, 블로그를 더욱 풍성하게 만들어 줍니다.
프로필, 인기 글, 최근 댓글, 검색 창, 광고 등 그 외에 여러 가지를 추가하거나 HTML/자바스크립트 등으로 새로운 기능을 추가할 수 있는 구글 블로거(블로그 스팟)의 핵심적인 기능 입니다.
가젯 알아보기!!
가젯으로 이동하기
우선 구글 블로거(블로그 스팟) 대시보드에서 왼쪽 사이드 바 메뉴에 레이아웃 메뉴를 선택 합니다.
그럼 레이아웃 구성이 표시되고 "가젯 추가"라는 부분들이 보일 것입니다.
참고: 해당 테스트는 Contempo Light 테마에서 진행 하며 가젯 적용은 대부분은 사이드 바에서만 진행 합니다.
가젯의 종류와 사용 방법 알아보기!!
애드센스
애드센스 가젯은 애드센스의 광고 승인을 받아 블로그에 연결하게 되면 애드센스 가젯 추가만으로 해당 레이아웃 구성에 애드센스 광고가 게재되어집니다.
아직 애드센스 승인 및 블로그에 애드센스 연결이 안되었다면 아래의 팝업 창이 나타나며 광고는 표시 되지 않습니다.
애드센스 승인 및 블로그에 애드센스가 연결이 되었다면 아래 이미지 처럼 애드센스 구성 팝업 창이 나타나게 됩니다.
애드센스 옵션은 광고 단위 - 권장, 가로, 세로, 정사각형, 반응형 등이 있으며
요즘 거의 대부분의 블로그 들은 반응형 블로그가 다수이므로 광고 단위 - 반응형 옵션을 선택 하시는 것을 추천 드립니다.
추천 글
추천 글 가젯은 새로 작성된 게시물 또는 특정 게시물을 게재하는 가젯입니다.
제목 : 추천 글 가젯의 제목을 부여하여 블로그에 입력한 제목이 추천 글에 표시 되게 할 수 있고 블로그의 디자인에 맞게 제목을 넣거나 필요 없다면 비워두시면 됩니다.
글 제목 표시 : 호출한 게시물의 제목을 표시 할 것인지 정하는 항목 입니다.
텍스트 스니펫 표시 : 게시물 본문에 일부 내용을 표시 할 것인지 정하는 항목 입니다.
이미지 표시 : 게시물의 썸네일 이미지 또는 첫번째 이미지를 표시 할 것인지 정하는 항목입니다.
가장 최근 글 사용 : 새로 업로드된 게시물을 표시 할 것인지 정하는 항복 입니다.
가장 최근 글 사용 안 함 : 블로그에 작성된 게시물 중 특정 게시물만 표시 되게 할 수 있습니다.
블로그 검색
블로그 검색 가젯은 특정 레이아웃 위치에 추가로 넣을 수 있는 가젯 입니다.
블로그 검색 가젯의 검색 창 구성 항목에는 제목을 추가하거나 반대로 제목이 없는 상태로 블로그 검색 가젯을 추가할 수 있습니다.
HTML/자바스크립트
HTML/자바스크립트 가젯은 HTML, CSS, 자바스크립트를 이용해서 블로그에 새로운 기능을 추가 할수 있습니다.
제목 : 제목은 블로그 디자인에 맞게 제목을 추가하거나 반대로 비워둔 상태로 저장 하시면 됩니다.
콘텐츠 : HTML, CSS, 자바스크립트 등의 코드를 추가할 수 있는 항목입니다.
예시 :
<div id="myGadget">
<h2>오늘의 명언</h2>
<p id="quote"></p>
<button onclick="newQuote()">새 명언 보기</button>
</div>
<script>
const quotes = [
"삶이 있는 한 희망은 있다. - 키케로",
"행복은 습관이다. 그것을 몸에 지니라. - 허버드",
"가장 어두운 시간은 바로 해뜨기 전이다. - 토마스 풀러"
];
function newQuote() {
const randomIndex = Math.floor(Math.random() * quotes.length);
document.getElementById("quote").textContent = quotes[randomIndex];
}
newQuote(); // 페이지 로드 시 첫 명언 표시
</script>위 코드를 콘텐츠에 추가 하고 저장하면 HTML/자바스크립트 가젯을 추가되고 블로그에 HTML/자바스크립트 가젯을 추가한 레이아웃 구성에 아래 이미지처럼 완성 됩니다.
"새 명언 보기" 버튼을 클릭하면 자바스크립트에 삽입 했던 다른 내용의 명언이 나타나게 됩니다.
HTML/자바스크립트 가젯은 어떤 코드를 넣는 것에 따라서 새로운 기능을 추가 하여 방문자에게 조금 더 편의성을 제공할 수 있습니다.
프로필
프로필 가젯은 블로그 소유자의 프로필을 표시하는 가젯입니다.
제목 : 프로필이 표시되면 지정한 제목이 표기되어 표시 됩니다.
내 소개 표시 : 설정에서 프로필 수정 페이지로 이동하면 내 소개를 작성 하셨다면 그 작성한 내용이 표시 됩니다.
위치 표시 : 나의 위치를 대한민국으로 설정 하셨다면 위치가 대한민국으로 표기되어 표시 됩니다.
블로그 보관함
블로그 보관함 가젯은 업로드 된 게시물들의 월, 주, 일 등으로 구분되어 방문자가 해당 기간에 있는 블로그 게시물들을 쉽게 볼 수 있게 도와주는 가젯 입니다.
제목 : 블로그의 디자인에 맞게 제목을 표기하거나 또는 비워두어 제목이 없이 가젯을 표시할 수 있습니다.
스타일 : 월, 주, 일 등으로 구분되어 게시물을 표시할 때 계층 구조, 기본 목록, 드롭다운 메뉴 등의 스타일을 선택할 수 있습니다.
게시물 제목 표시 : 지정한 기간을 선택하면 게시물의 제목들이 순서대로 표시 되게 하는 항목 입니다.
오래된 게시물부터 표시 : 지정한 기간에 작성된 게시물 중에서 오래된 게시물부터 나열되게 하는 항목 입니다.
보관 빈도 : 보관 빈도는 월, 주, 일 등으로 기간을 정해서 해당 기간에 게시물들을 모아 주는 항목 입니다.
날짝 형식 : 보관 기간을 표시 될때 날짜 형식을 선택 하는 항목입니다.
페이지 헤더
블로그 제목과 블로그 검색 설명을 표시하는 가젯 입니다.
블로그 제목 : 블로그의 제목을 표시 하며 여기서 수정을 하면 설정에 블로그 제목 또한 같이 변경 됩니다.
블로그 설명 : 블로그의 검색 설명이 표시되는 항목이며 해당 부분을 수정하면 설정에서 검색 설명 또한 수정 됩니다.
이미지 : 업로드 또는 URL주소 등록된 이미지를 표시 하는 항목 입니다.
이미지 선택 방법 : 이미지 URL 입력 또는 컴퓨터에서 이미지 업로드 등을 선택 하는 항목 입니다.
이미지 위치 : 제목 및 설명 뒤에 이미지 표시, 제목 및 설명 대신 이미지만 표시, 이미지 다음에 설명 표시 등을 선택 하는 항목입니다.
크기에 맞게 축소 : 만약 페이지 헤더 가젯이 사이드 바에 추가 한다면 사이드 바의 가로 너비에 맞게 축소 시킬 수 있는 선택 항목 입니다.
팔로어
내 블로그를 팔로어 또는 구독한 사용자 목록을 표시 하는 가젯 입니다.
제목 항목에서 팔로어 또는 구독자 아니면 임의로 다른 명칭으로 제목을 표시할 수 있습니다.
이미지
이미지 가젯은 이미지 URL 입력 또는 컴퓨터에서 이미지 업로드 하여 표시 하는 가젯 입니다.
제목 : 이미지 가젯이 표시될 때 입력한 제목이 나타나게 되고 비워두면 이미지 가젯 제목이 표시되지 않고 이미지 가젯이 표시 됩니다.
캡션 : 이미지의 설명, 출처, 정보, 기타 등의 내용을 표기하여 이미지에 표시되게 하는 항목입니다.
링크 : 이미지를 클릭 시 입력항 URL 주소로 이동하게 해주는 항목입니다.
이미지 : 업로드 또는 URL주소 등록된 이미지를 표시 하는 항목 입니다.
이미지 선택 방법 : 이미지 URL 입력 또는 컴퓨터에서 이미지 업로드 등을 선택 하는 항목 입니다.
크기에 맞게 축소 : 만약 페이지 헤더 가젯이 사이드 바에 추가 한다면 사이드 바의 가로 너비에 맞게 축소 시킬 수 있는 선택 항목 입니다.
라벨
블로그의 라벨(키워드 또는 태그)를 표시 하는 가젯 입니다.
제목 : 입력한 제목이 나타나게 되고 제목을 비워두면 가젯 제목이 표시되지 않고 가젯이 표시 됩니다.
라벨 정렬 : 가나다순, 빈도순 등의 선택 항목이 있으며 빈도 순은 게시물 해당 라벨이 가장 많이 등록된 라벨이 앞 순으로 정렬 되는 것 입니다.
표시 : 목록 또는 클라우드 스타일로 표시되는 것을 선택 하는 항목 입니다.
라벨당 글 수 표시 : 해당 라벨이 등록된 게시물의 갯수를 표시 하는 것을 선택 하는 항목 입니다.
표시 : 모든 라벨, 선택한 라벨 등의 옵션이 있으면 모든 라벨은 블로그 게시물에 등록된 모든 라벨이 표시되며 선택한 라벨은 블로그 게시물에 등록된 모든 라벨 중 특정 한 라벨만 표시 되게 할 수 있습니다.
페이지
페이지 가젯은 블로그 레이아웃 중 선택하여 목록 형식으로 표시 되며 단일 페이지 메뉴 등을 표시할 때 사용 합니다.
제목 : 입력한 제목이 나타나게 되고 제목을 비워두면 가젯 제목이 표시되지 않고 가젯이 표시 됩니다.
페이지 목록 : 새 항목 추가로 페이지 이름과 페이지URL을 추가하면 순서대로 표시되는 항목 입니다.
링크 목록
링크 목록 가젯은 구글 블로거(블로그 스팟)에서 상단 메뉴나 사이드 바 메뉴 등 메뉴 기능으로 가장 많이 사용 하는 가젯 입니다.
제목 : 입력한 제목이 나타나게 되고 제목을 비워두면 가젯 제목이 표시되지 않고 가젯이 표시 됩니다.
목록에 표시 할 항목 수 : 수를 지정 하지 않으면 등록된 항목들이 모두 표시 됩니다.
정렬 : 정렬하지 않음, 가나다순으로 정렬, 가나다 역순으로 정렬 등 3가지의 옵션을 선택할 수 있습니다.
링크 목록 : 새 항목 추가로 항목을 추가하면 사이트 이름, 사이트 URL의 입력필드가 나타납니다.
사이트 이름을 메뉴 명으로 지정하고 사이트URL에 라벨 검색으로 등록하면 일반적인 메뉴로 사용할 수 있습니다.
예시 이미지
위 이미지 처럼 "홈" 항목의 / 를 사이트 URL에 넣고 저장 후 블로그에서 해당 목록을 클릭 시메인 페이지로 이동 됩니다.
또한 "기초 가이드" 항목에 /search/label/기초 가이드 를 사이트 URL에 넣고 저장 후 블로그에서 해당 목록을 클릭 시 입력한 라벨 명을 검색하여 해당 "기초 가이드" 라벨이 포함된 모든 게시물을 모아서 표시 됩니다.
텍스트
간단한 텍스트만 입력할 수 있는 가젯이 아니라 HTML/자바스크립트 가젯과 동일하게 코드를 추가해서 활용할 수 있는 가젯 입니다.
가장 많이 본 글
블로그에서 조회수가 높은 게시물을 표시하는 가젯 입니다.
최다 조회 글 : 전체, 지난해, 지난 30일, 지난 7일 등 4가지 옵션을 선택하여 높은 조회수의 게시물을 표시 합니다.
썸네일 이미지 표시 : 호출된 게시물의 썸네일을 표시 여부를 선택 하는 항목 입니다.
스니펫 표시 : 호출된 게시물의 텍스트 내용을 표시 여부를 선택 하는 항목 입니다.
표시되는 최대 글 수 : 지정한 값의 높은 조회수의 게시물을 높은 순서대로 지정 값만큼 표시 합니다.
블로그 통계
블로그의 방문자 수를 표시하는 가젯 입니다.
기간 : 전체, 지난 30일, 지난 7일 등의 기간을 정하고 해당 기간에 블로그에 방문자 수를 표시 합니다.
카운터 스타일 : 2가지의 카운터 스타일을 선택할 수 있는 항목입니다.
차트 표시 : 차트 표시 여부를 결정하고 차트 스타일을 선택할 수 있는 항목 입니다.
블로그 목록
다른 구글 블로거(블로그 스팟)나 즐겨 찾는 구글 블로거 목록을 표시하는 가젯 입니다.
정렬 : 가나다순 또는 업데이트 순으로 정렬을 선택할 수 있습니다.
블로그 표시 : 등록할 블로그의 수를 정할 수 있습니다.
아이콘 : 다른 블로그의 파비콘 표시 여부를 정할 수 있습니다.
가장 최근 항목의 제목 : 가장 최근에 게시된 블로그 게시물의 제목을 표시 합니다.
가장 최근 항목의 스니펫 : 가장 최근에 게시된 블로그 게시물의 일부 내용을 표시 합니다.
가장 최근 항목의 썸네일 : 가장 최근에 게시된 블로그 게시물의 썸네일을 표시 합니다.
최종 업데이트 날짜 : 각 블로그의 마지막 업데이트 날짜를 표시 합니다.
블로그 목록 : 표시 할 블로그의 이름과 URL 추가할 수 있습니다.
피드
RSS 또는 Atom 피드를 사용 하여 최신 뉴스, 블로그 게시물, 소셜 미디어 업데이트, 기타 등을 표시하는 가젯 입니다.
피드 URL : RSS 또는 Atom 피드 URL을 입력 하는 항목입니다.
표시되는 최대 항목 수 : 피드 한 사이트에서 불러올 게시물의 수를 정할 수 있습니다.
항목 날짜 표시 : 불러온 게시물을 업데이트 날짜를 표시 합니다.
항목 출처/작성자 표시 : 피드 한 사이트나 블로그의 이름 및 작성자 명을 표시 여부를 선택 하는 항목 입니다.
새 창에서 링크 열기 : 피드 된 게시물을 클릭시 새 창(탭)으로 링크 열기를 선택할 수 있는 항목입니다.
로고
구글 블로거(블로그 스팟)의 로고를 표시 하는 가젯 입니다.
작성자의 로고가 아닌 구글 블로거(블로그 스팟)의 로고 7개 중 하나를 블로그에 표시할 수 있습니다.
구독 링크
블로그의 방문자가 피드를 사용하여 사용자의 블로그의 업데이트 알림을 받기 쉽게 링크를 제공하는 가젯 입니다.
번역
다른 언어 사용자가 블로그의 게시물 내용을 번역하여 볼 수 있게 언어를 선택 가능한 기능을 제공 하는 가젯 입니다.
스타일 : 세로, 가로, 드롭다운 등으로 선택 가능합니다.
목록
목록에 표시할 항목 수 : 값을 정하지 않으면 모든 항목을 표시 됩니다.
정렬 : 정렬하지 않음, 가나다순, 가나다 역순 등으로 정렬할 수 있습니다.
텍스트 목록 : 새 항목 추가 시 텍스트 입력 필드가 나타납니다 해당 필드에 간단한 텍스트 링크 코드를 삽입하면 링크 클릭 시 링크 이동이 가능 합니다.
이걸 활용해서 원하는 게시물로 링크 이동 하거나 자주 묻는 질문의 답이 있는 게시물 링크 목록을 만드는 등 여러 방법의 활용이 가능한 목록 가젯 입니다.
문의 하기 양식
블로그이 소유자에게 블로그 방문자가 이메일로 문의를 하는 가젯 입니다.
방문자의 이름, 방문자의 이메일, 보낼 내용을 입력하고 보내면 블로그의 소유자에게 문의 내용이 전달 됩니다.
위키백과
위키백과를 검색할 수 있는 검색 창을 제공하는 가젯 입니다.
저작자 표시
블로그 소유자의 저작권에 대한 정보를 텍스트로 표시하는 가젯 입니다.
블로그에 부적절한 콘텐츠를 방문자가 신고할 수 있는 기능을 제공하는 가젯 입니다.
