본문 바로가기

SERIES/홈페이지형 블로그 만들기

홈페이지형 블로그 만들기 (네이버 블로그 강좌)

by 아보느닷컴 2020. 7. 6.
반응형
네이버 블로그 플랫폼을 이용하여 홈페이지형 블로그를 제작해봅니다. 기본 레이아웃 구조에서 응용을 한다면 다양한 디자인으로 변형을 할 수 있습니다. 홈페이지 느낌이 나는 형태로 정형화된 블로그를 업그레이드를 같이 해보는 시간을 갖겠습니다.

 

[홈페이지형 블로그만들기] #1. 네이버 블로그 디자인의 비밀

네이버 블로그를 홈페이지형 스타일로 만들기 위한 몇 가지의 비밀이 있습니다. 그 팁을 공개해드립니다.


유튜브 :  youtu.be/2W4W7PNHFjI
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25807825


[홈페이지형 블로그만들기] #2. 블로그 정보 입력 & 카테고리 생성

블로그는 네이버 아이디를 생성과 동시에 자동 개설됩니다. 다음은 블로그 정보와 카테고리 메뉴를 생성하는 단계입니다.


유튜브 :  youtu.be/DKVAn9k4haI
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25807942


[홈페이지형 블로그만들기] #3. 배경이미지넣기 & 로고/타이틀 영역 수정

본격적으로 블로그 디자인을 상단 영역부터 수정해봅니다.


유튜브 :  youtu.be/ne5Oyr8IEiQ
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25808301


[홈페이지형 블로그만들기] #4. 상단메뉴 위젯 추가 후 투명 이미지 넣기

위젯을 이용해서 상단 메뉴를 만들고 링크가 되는 구조로 만들어봅니다.


유튜브 :  youtu.be/iVjidVTyav0
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25808412


[홈페이지형 블로그만들기] #5. 투명 위젯 링크 걸기(이미지맵 사용)

링크를 걸기 위해서는 투명 이미지를 넣은 위젯을 통해 이미지맵을 사용해서 적용해야 내부 링크가 됩니다.


유튜브 :  youtu.be/eOE2ypStoaM
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25808521

반응형

 

[홈페이지형 블로그만들기] #6. 공간 만들기 위젯 추가(테이블 문법)

디자인 상 빈 공간 영역을 만들 필요가 있습니다. 효율적인 방법으로 테이블 문법을 공부해봅니다.


유튜브 :  youtu.be/p82K2zZHnzs
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25808737


[홈페이지형 블로그만들기] #7. 블로그 썸네일 디자인 3종(원형 썸네일 만들기 포함)

블로그 썸네일을 제작하기 위한 포토샵을 공부하는 시간입니다.


유튜브 :  youtu.be/mJwXXa_h1Vo
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25808848


[홈페이지형 블로그만들기] #8. 한 개 위젯으로 다수 SNS링크(이미지맵) & 검색 추가

작은 영역 내에서 작은 아이콘을 여러 개 넣는 방법으로 이미지맵 방식이 필수입니다. 그리고 검색 기능을 추가해봅니다.


유튜브 :  youtu.be/PRWjZrqEigQ
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25808997


[홈페이지형 블로그만들기] #9. 푸터(footer)만들기-하단 카피라이트 부분 추가하기

블로그 하단 영역에 일반 홈페이지에 있는 모양처럼 footer영역(카피라이트)을 추가할 수 있습니다.


유튜브 :  youtu.be/VTaNfWfkOsg
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25809110


[홈페이지형 블로그만들기] #10. 서브메뉴 추가하기 (마지막편)

네이버 블로그는 구조상 동적인 메뉴 효과를 낼 수는 없지만 정적인 메뉴 형태로 서브 메뉴를 추가하고 각 서브 메뉴를 클릭시 해당 페이지로 연결할 수 있습니다.


유튜브 :  youtu.be/h8LV12uHdv4
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25809219


[홈페이지형 블로그만들기] 아보느 보고 만들었어요! 카페 회원들 작품소개

제 홈페이지형 블로그 만들기 시리즈 유튜브 영상을 보고 만든 구독자 및 카페 회원들의 작품 결과물 소개입니다.


유튜브 :  youtu.be/OFo7BlogyI8
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25809870


네이버 애드포스트로 블로그에 광고 적용 (블로그 수익창출)

블로그에 광고를 넣어 수익을 낼 수가 있습니다. 바로 네이버가 제공하는 애드포스트를 이용하는 것입니다.


유튜브 :  youtu.be/rYDLaGrwIO0
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=25810007


[홈페이지형 블로그만들기] 포토샵에서 블로그 디자인하는 법 

아무래도 좀 더 고급스런 느낌의 블로그 디자인을 위해서는 포토샵 스킬이 어느 정도 필요합니다. 블로그 제작 시 꼭 필요한 포토샵 사용법을 소개합니다.


유튜브 :  youtu.be/5FNAut1MEhw
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=26489238


아보느의 홈페이지형 블로그 만들기 - 도서 출간 과정 및 인세 관련 정보

덕분에 제가 블로그 주제의 책을 출간하게 되었습니다. 감사합니다^^


유튜브 :  youtu.be/T0Sr6AU-hDo
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=27676069


잘 만든 홈페이지형 블로그 디자인과 포토샵 팁(블로그 스킨 배포 by 행복한세상)

카페 회원들 작품 2번째 소개입니다.



유튜브 :  youtu.be/flXWoSI2H7Q
포스트 :  post.naver.com/viewer/postView.nhn?volumeNo=29755242



반응형

댓글