전체상품목록 바로가기

본문 바로가기


아보느의 홈페이지형 블로그 만들기 - 도서 구매

(해외배송 가능상품)
공급사 바로가기
기본 정보
콘텐츠명 아보느의 홈페이지형 블로그 만들기 - 도서 구매
가격 13,5000원
제작자 아보느
콘텐츠 간략설명
업데이트
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
SNS 상품홍보
SNS 상품홍보

개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.

상품 옵션
옵션선택

이벤트

목차


Step 1 : 네이버 블로그 디자인의 비밀 살펴보기
1 블로그란? 홈페이지란?
2 다양한 블로그 스타일 구경하기(기본 블로그 vs 홈페이지형 블로그)
3 세로 5개의 투명 위젯 가이드라인의 이해하기
4 네이버 블로그 구조 이해하기

Step 2 : 블로그 기본 정보 입력 및 카테고리 생성하기
1 블로그 생성 및 관리자 로그인하기
여기서잠깐[블로그 쉽게 만들기] 내용 살펴보기
2 블로그 정보 변경하기(블로그명, 별명, 소개글, 프로필 이미지, 모바일앱 커버 이미지)
3 블로그 - 카테고리 관리에서 카테고리 메뉴 생성하기

Step 3 : 배경 이미지 넣기 & 로고/타이틀 영역 수정하기
1 꾸미기 설정 - 레이아웃 설정 - 메뉴 형태와 타이틀 위치 변경하기
Power Upgrade 배경 이미지 포토샵에서 작업하는 방법(가이드라인, 투명 위젯, 메뉴 위치 고려)
2 꾸미기 설정 - 세부 디자인 설정 - 스킨배경 - 스킨배경 직접 등록하기
3 타이틀 - 블로그명 제목 안 보이게 처리하기
4 타이틀 - 영역 높이 변경하기

Step 4 : 상단 메뉴 위젯 추가 후 투명 이미지 넣기
1 레이아웃의 구조 설명하기
2 꾸미기 설정 - 레이아웃 설정 - 메뉴 영역 추가하기
3 위젯 개념 알아보기
4 위젯 위치 이동하기
여기서잠깐 투명과 검은색 위젯 가이드 만드는 방법
5 투명 이미지를 원격 공간에 업로드 하기
6 투명 이미지 경로 주소 확인하기
7 위젯코드 입력(html 방식) - 위젯에 투명 이미지 넣기
8 타이틀과 메뉴 사이에 간격을 조절하기
여기서잠깐 세로 5개 가이드라인의 원리

Step 5 : 투명 위젯 링크 연결하기(이미지맵 사용)
1 상단 메뉴 링크 연결하기
2 전체 메뉴 카테고리별로 주소(URL) 확인하기
3 외부링크 html 작성하기
4 내부링크 html 작성하기
5 black.png 이미지를 transparent.png 투명 이미지로 변경하기

Step 6 : 공간 만들기 위젯 추가하기(테이블 문법)
1 공간을 주기 위한 br 위젯 5개 추가하기
2 br1~5 위젯 위치 이동하기
3 공간을 주기 위한 html 문법 설명 - 1(br 태그 사용하기)
4 공간을 주기 위한 html 문법 설명 - 2(table 태그 사용하기)

Step 7 : 블로그 썸네일 디자인 3종(정사각형, 직사각형, 원형) 만들어 보기
1 썸네일 권장 사이즈 확인하기
2 정사각형 썸네일 디자인하기
3 직사각형 썸네일 디자인하기
4 원형 썸네일 디자인하기
5 ‘From 블로그씨’ 안 보이게 하기
6 썸네일 3종 블로그에 글쓰기 후, PC 화면 vs 모바일 화면 썸네일 비교하기

Step 8 : 한 개 위젯으로 다수 SNS를 링크(이미지맵)시키고 검색 기능 추가하기
1 포토샵에서 SNS 링크 연결 영역 디자인(검색위치, SNS위치) 위치 확인하기
2 SNS 이미지가 포함된 배경 이미지를 불러와서 스킨배경 이미지로 등록하기
3 검색 위젯 추가하기
4 SNS 위젯 추가하기
5 이미지맵 자동 프로그램을 이용해서 좌표 구하기(Online Image Map Editor)
6 한 개의 위젯으로 SNS 다중 링크 연결하기
7 이미지맵 좌표 값 미세 수정하기

Step 9 : 푸터(footer) 만들기 - 하단 카피라이트 부분 추가하기
1 현 레이아웃에서 footer를 만들기 위한 모듈 선택 및 그 이유?
여기서잠깐 ‘타이틀’ 위젯 모듈의 3가지 특징
2 레이아웃 설정에서 ‘타이틀’ 영역 이동하기
3 mm1~mm5 위젯 코드를 테이블 문법으로 변경하기
4 위젯 변경 후 세부 내용 재수정하기

Step 10 : 서브메뉴 추가하기
1 서브메뉴를 추가하기 위한 레이아웃 구조 파악하기
여기서잠깐 링크를 연결하기 위한 아보느 공식 3단계
2 포토샵에서 서브메뉴 디자인 위치 확인하기(투명 가이드라인 활용)
3 서브메뉴 부분만 조각 이미지로 저장하기(이미지맵 좌표 용도)
4 작업한 배경 이미지 ‘스킨배경’으로 적용하기
5 메인메뉴 아래에 서브메뉴 3개 추가하기
6 서브메뉴의 url 주소 확인하기
7 br1 위젯에 투명 이미지 넣고 코드 수정하기
8 투명 이미지 height 높이를 강제로 늘이기
9 조각 이미지를 이용해서 이미지맵 좌표 구하고 링크 연결하기
10 이미지맵 좌표 값 미세 수정하기

| 부록 1 | 블로그로 수익 창출하기(네이버 애드포스트로 블로그에 광고 적용하기)
1 애드포스트 회원 가입하기
2 애드포스트에 미디어 등록하기
3 미디어 검수 결과 종류(검수중/보류/정상)
4 애드포스트 공식 가이드라인(NAVER 고객센터)
5 블로그 광고 노출 위치 및 수입 보고서

| 부록 2 | 블로그 제작 시 도움 되는 유용한 정보(팁) & 포토샵 사용법
1 유용한 사이트/정보(팁)
2 포토샵 사용법


구매자는

- 페이지 상단 우측 항목 판매자의 연락처 or 계좌 및 결제방법 에 적힌 정보로 연락하거나 직거래로 입금하시면 됩니다.
  (※ 무료 템플릿의 경우는 상품상세정보의 안내대로 적용하시면 됩니다.)



판매자는

- 구매자가 네이버페이 안전거래를 통한 입금을 원할 시에는
- 아보느 카페에 판매자 안전거래등록을 신청해서 안전거래(네이버페이), 무통장, 계좌이체를 이용할 수 있도록 부탁드립니다.
- 판매자 안전거래등록 - https://cafe.naver.com/ArticleList.nhn?search.clubid=29443761&search.menuid=103
  (※ 페이지 상단 우측 항목 '계좌 및 결제방법'에 판매자의 계좌 정보를 등록하는 것을 추천드립니다.)



안내

- 아보느 템플릿 사이트는 판매자와 구매자간 직거래 시스템을 위한 중개 역할을 하는 플랫폼입니다. 그래서 본 사이트 내에서 바로 결제하는 기능은 없습니다!
  (※ 결제 & 자료 전달 & 작업 관련 문의는 판매자와 구매자간 이루어집니다.)

상품의 사용후기를 적어주세요.

게시물이 없습니다

상품후기쓰기 모두 보기

상품에 대해 궁금한 점을 해결해 드립니다.

게시물이 없습니다

상품문의하기 모두 보기



장바구니 0

맨위로
아래로