블로그 타이틀 디자인 | 블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기) 20710 좋은 평가 이 답변

당신은 주제를 찾고 있습니까 “블로그 타이틀 디자인 – 블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기)“? 다음 카테고리의 웹사이트 isleartisan.com 에서 귀하의 모든 질문에 답변해 드립니다: https://isleartisan.com/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 바라티비 이(가) 작성한 기사에는 조회수 26,754회 및 좋아요 495개 개의 좋아요가 있습니다.

Table of Contents

블로그 타이틀 디자인 주제에 대한 동영상 보기

여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!

d여기에서 블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기) – 블로그 타이틀 디자인 주제에 대한 세부정보를 참조하세요

#블로그만들기 #블로그꾸미기 #블로그마케팅
안녕하세요. 지식콘텐츠를 만드는 바라입니다.
오늘은 네이버 블로그의 메인화면인 타이틀 만드는 방법에 대한 영상을 제작했습니다. 보이는 것도 매우 중요한 시대이기 때문에 본인의 블로그가 어떤 콘텐츠를 담고 있는지 독자들이 예측할 수 있도록 메인화면의 타이틀을 명확하게 꾸며주는것도 굉장히 중요해요.
오늘은 이와 관련해서 파워포인트를 활용한 타이틀 만드는 초간단 방법에 대해 다뤄봤습니다. 어렵지 않으니 파워포인트를 잘 다루지 않으셨던 분들도 쉽게 따라하실 수 있을거에요 🙂
오늘도 영상 시청해주셔서 감사합니다!

블로그 타이틀 디자인 주제에 대한 자세한 내용은 여기를 참조하세요.

네이버 블로그 예쁘게 꾸미는 법 : 레이아웃, 스킨, 타이틀

블로그 디자인이 주제와 컨셉에 일치하게 잘 디자인 되어 있으면 사용자에게 신뢰감을 줄 수 있습니다. 레이아웃, 스킨, 타이틀을 활용해서 더 …

+ 자세한 내용은 여기를 클릭하십시오

Source: snsonlinebuilding.tistory.com

Date Published: 5/27/2021

View: 1733

블로그 타이틀 만들기(+포토샵 이미지 보정) – Avoir – 티스토리

블로그 타이틀 이미지를 변경해보기로 했어요. ​. ​. 그동안에는 단색 배경에 폰트만 들어간 심플한 디자인이었다면. 이번엔 사진을 넣어 블로그에서 …

+ 더 읽기

Source: avoir-19.tistory.com

Date Published: 3/12/2021

View: 7314

홈페이지형 블로그 만들기 네이버 블로그 응용1편 LESSON.01 …

우선 베이직한 구성에서 벗어난 이미지맵을 활용한 다양한 디자인의 블로그들을 예시로 보겠습니다. 1) 인천광역시 공식 블로그의 경우 상단은 타이틀이 …

+ 여기에 자세히 보기

Source: creative-soul.tistory.com

Date Published: 2/22/2021

View: 1963

[네이버] 블로그 꾸미기 :: 투명타이틀 적용하기 / 타이틀 꾸미기

안녕하세요 나미입니다. 지난시간엔 스킨 꾸미기를 해봤지요! 오늘은 타이틀을 꾸며볼거에요! 쉽고 간단한 나미식의 3분완성 타이틀 디자인!

+ 여기를 클릭

Source: namieder.tistory.com

Date Published: 12/21/2022

View: 1942

디자인 짓다 블로그 타이틀 디자인

디자인 짓다 블로그 타이틀 디자인by 탈로 디자인 짓다 네이버 블로그 타이틀 디자인 포트폴리오 입니다. 블로그 스킨 디자인 / 블로그 타이틀 디자인 / 블로그 관리 …

+ 여기에 자세히 보기

Source: designjitta.com

Date Published: 9/3/2021

View: 1320

네이버 블로그 꾸미기 설정하기 – 레이아웃 세부디자인 설정

수많은 사람들이 같은 스킨을 사용하고 있기 때문에 비슷한 부분들이 상당히 많습니다. 또한 메인타이틀 사진 또하 그런 경우가 많습니다. 변경을 통해 …

+ 여기에 더 보기

Source: limitsend.tistory.com

Date Published: 5/6/2022

View: 9148

주제와 관련된 이미지 블로그 타이틀 디자인

주제와 관련된 더 많은 사진을 참조하십시오 블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기). 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기)
블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기)

주제에 대한 기사 평가 블로그 타이틀 디자인

  • Author: 바라티비
  • Views: 조회수 26,754회
  • Likes: 좋아요 495개
  • Date Published: 2019. 12. 19.
  • Video Url link: https://www.youtube.com/watch?v=2uYmOvQLqN0

네이버 블로그 예쁘게 꾸미는 법 : 레이아웃, 스킨, 타이틀

728×90

반응형

레이아웃, 스킨, 타이틀을 활용하여 네이버 블로그 예쁘게 꾸미는 법

네이버 블로그에서 레이아웃과 스킨, 타이틀을 활용하여 나의 주제와 컨셉에 맞게 예쁘게 꾸미는 방법에 대해서 알아보겠습니다. 사용자가 블로그에 접속하는 순간 가장 먼저 눈에 들어오게 되는 것은 바로 그 블로그의 디자인입니다. 블로그 디자인이 주제와 컨셉에 일치하게 잘 디자인 되어 있으면 사용자에게 신뢰감을 줄 수 있습니다. 레이아웃, 스킨, 타이틀을 활용해서 더 자세하게 알아보도록 하겠습니다.

목차

1. 블로그 레이아웃 꾸미기

1) 2단 구조

2) 3단 구조

3) 1단 구조

2. 블로그 스킨 꾸미기

3. 블로그 타이틀 꾸미기

728×90

1. 블로그 레이아웃 꾸미기

가장 먼저 블로그 레이아웃 꾸미기에 대해서 알아보겠습니다. 블로그 메인 화면에서 프로필 부분을 보면 [관리, 통계] 버튼이 있습니다. [관리] 버튼을 클릭해서 블로그 관리 화면으로 넘어갑니다.

블로그 관리 화면에서 상단에 [꾸미기 설정]을 클릭합니다.

왼족 메뉴들 중 [디자인 설정]에서 [레이아웃,위젯 설정]을 클릭합니다. [레이아웃,위젯 설정]을 클릭하면 블로그 전체 레이아웃과 위젯들을 편집할 수 있는 화면으로 넘어가게 됩니다.

위 사진이 블로그 레이아웃과 위젯을 설정하는 화면입니다. 블로그 레이아웃은 크게 3가지로 구분되어 있습니다. 왼쪽부터 살펴보면 이렇습니다.

1) 2단 구조

2) 3단 구조

3) 1단 구조

본인이 생각하는 주제와 컨셉, 그리고 선호도에 따라서 레이아웃 구조를 선택하면 됩니다. 더 정확한 비교를 위해서 각 구조들을 선택했을 때 어떤 모습인지 보여드리도록 하겠습니다.

1) 2단 구조

블로그 레이아웃 2단 구조 블로그 레이아웃 2단 구조

2단 구조는 블로그 레이아웃에서 가장 많은 분들이 쓰시는 기본 레이아웃이라고 할 수 있습니다. 왼쪽에 프로필과 카테고리, 이웃 현황 등을 보여주는 위젯 1단을 보여주고, 오른쪽 두 번째 단에 포스팅들을 보여줍니다. 개인적으로 초보 블로거 분들에게 가장 추천해드리는 레이아웃입니다.

2) 3단 구조

블로그 레이아웃 3단 구조 블로그 레이아웃 3단 구조

3단 구조 는 첫 번째 단에 프로필과 카테고리, 이웃 현황 등의 위젯이 세팅되고, 두 번째 단에 검색이나 이웃 블로거들을 보여주는 위젯, 그리고 세 번째 단에 포스팅을 보여주는 레이아웃입니다. 개인적으로는 가장 추천하지 않는 레이아웃입니다. 방문자가 보기에도 지저분해 보이고, 초보 블로거가 관리하기 매우 복잡하기 때문입니다.

3) 1단 구조

블로그 레이아웃 1단 구조 블로그 레이아웃 1단 구조

마지막으로 1단으로만 구성되어 있는 1단 구조입니다. 1단 구조에서는 프로필, 카테고리, 댓글, 이웃 블로거 등 모든 위젯들이 상단과 하단에 배치됩니다. 그리고 중앙에 포스팅 영역이 배치됩니다. 가장 단순하면서, 2단 구조와 함께 초보 블로거들이 많이 선택하는 레이아웃입니다.

그리고 1단 구조는 홈페이지형 블로그로 만들 수 있는 레이아웃이기 때문에, 기업 공식 블로그나 브랜드 블로그들의 홈페이지형 블로그 제작을 위해 많이 선택되기도 합니다.

블로그 위젯

마지막으로 레이아웃 설정 화면 오른쪽을 보면 다양한 위젯들을 활용해서 블로그를 꾸밀 수 있습니다. 지도 위젯을 넣어서 본인이 방문한 곳을 표시할 수도 있고, 서재 위젯을 넣어서 본인이 읽은 책을 책장처럼 보여줄 수 있습니다. 또한 본인만의 위젯을 만들어서 인스타그램 링크를 넣거나, 배너를 달 수도 있습니다.

반응형

2. 블로그 스킨 꾸미기

블로그 스킨을 활용해서 블로그를 내 주제와 컨셉에 맞게 꾸밀 수 있습니다. [꾸미기 설정]에서 왼쪽 메뉴들 중 가장 위쪽에 있는 [스킨] 메뉴 -> [스킨 선택]을 클릭합니다. 위 사진이 바로 [스킨 선택] 화면인데, 네이버 블로그에서 제공하는 다양한 무료 스킨들을 활용해서 본인의 블로그를 꾸밀 수 있습니다. 저 스킨들 중 [정적인 프레임] 스킨을 골라보겠습니다.

위 사진처럼 미리보기로 스킨 적용 시 변경될 블로그 디자인을 보여줍니다. 별다른 특이사항 없으면 오른쪽 위에 [바로 적용]을 클릭합니다.

그러면 이렇게 바로 블로그 스킨이 실제 내 블로그에 적용되어 디자인된 것을 확인할 수 있습니다.

3. 블로그 타이틀 꾸미기

마지막으로 블로그 상단에 있는 타이틀을 이용해서 블로그를 본인 취향에 맞게 꾸밀 수 있습니다. 블로그 타이틀을 편집하는 방법에 대해 알아보겠습니다. [꾸미기 설정] ->[디자인 설정]->[타이틀 꾸미기] 순서로 클릭해주시기 바랍니다.

[타이틀 꾸미기]로 들어가면 위 사진처럼 세부 디자인 설정에서 타이틀을 꾸미고 편집할 수 있는 화면으로 들어가게 됩니다. 화면 오른쪽에 있는 리모콘으로 타이틀 영역에 있는 항목들을 편집할 수 있습니다.

리모콘 맨 윗 부분부터 차례대로 살펴보겠습니다. 타이틀 제목의 글씨체와 색, 크기를 편집할 수 있고, 타이틀 제목의 위치, 높이 및 정렬을 설정할 수 있습니다.

[디자인]에서는 타이틀 영역의 스타일, 컬러 변경, 또는 직접 제작한 타이틀 파일을 등록할 수 있습니다. 먼저 [스타일]을 보면 네이버에서 제공하는 기본 그림들로 타이틀 영역을 바꿀 수 있습니다.

[컬러]는 본인 취향에 맞는 단색으로 타이틀 영역의 배경색을 바꿀 수 있습니다.

마지막으로 [직접 등록]은 OCQ에서 제공하는 무료 이미지를 이용하여 타이틀 영역 배경을 변경할 수 있고, 또는 다른 디자인 툴에서 제작된 본인 블로그 브랜딩을 위한 타이틀 영역용 파일을 업로드할 수 있습니다.

여기까지 레이아웃, 스킨, 타이틀을 활용하는 방법을 알아봄으로써 블로그를 꾸미는 방법에 대해 알아봤습니다. 다들 본인만의 예쁜 네이버 블로그를 디자인 해보시길 바랍니다.

▼ (광고) 블로그하려면 노트북이나 아이패드가 필요할겁니다.

https://link.coupang.com/a/v7m5Q

https://link.coupang.com/a/v7nAE

<같이 보면 유익한 네이버 블로그 콘텐츠>

네이버 아이디와 블로그 새로 만드는 법 및 블로그 추가 개설하는 방법

네이버 블로그 주제와 컨셉을 정하는 2가지 방법(feat. 이키가이)

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

728×90

반응형

[네이버] 블로그 : 타이틀 제작(+포토샵 이미지 보정)

728×90

반응형

1년이 넘는 기간 동안 레드레드한 블로그를 유지해왔던 Avoir!

블로그의 이미지를 변신하기 위해 블로그에 들어왔을 때 가장 상단, 가장 넓게 보여 블로그의 이미지를 담당하는 블로그 타이틀 이미지를 변경해보기로 했어요.​

그동안에는 단색 배경에 폰트만 들어간 심플한 디자인이었다면, 이번엔 사진을 넣어 블로그에서 보여주고 싶은 걸 보여주기로 결심했어요.

이번 여름!

여행 다녀온 강릉 바다 사진을 타이틀 이미지로 사용할 거예요.

포토샵에서 도형툴(Create Rectangle)을 사용해 Width(가로) 966Pixels(픽셀) x Height(세로) 300Pixels(픽셀) 기입

상단에서 배경색을 없애고 선을 두껍게 넣었어요.

이유는 사진에서 어떤 부분을 넣을지 쉽게 파악하기 위해서!

검은 선 들어간 사각형이 제가 사용할 배경 부분이에요.

선을 두껍게 넣어서 사용할 부분이 확실히 보이죠

사진에 보이는 모래사장과 돌은 타이틀을 넣을 때 방해가 될 거 같아 과감히 빼버렸어요.

사용할 부분을 정했다면 도형에서 선도 안 보이게 해줍니다.

도형 부분을 ‘Ctrl+오른쪽 마우스 클릭’하면 사용할 부분이 잡혀요.

그대로 이미지를 자르는 툴(Crop tool) 클릭하면 자를 부분만 남기고 나머지 부분은 불투명하게 표시돼요.

엔터 두 번 하면 내가 사용할 부분만 남기고 나머지는 삭제돼요.

이제 따로 저장!

저는 추가 작업할 예정이라 PNG로 저장했어요.

아까와 같은 사이즈로 새 창을 열어줬어요.

아까 따로 저장한 이미지를 불러온 뒤 블로그 타이틀 기입했어요.

​타이틀이 눈에 띄지 않는 거 같아 그라데이션 효과를 줘보려고 해요.

레이아웃을 추가해주고 (Creata new layer)

바닷가 컬러를 읽은 뒤 (Eyedropper Tool)

추가한 레이아웃에 컬러를 씌워줬어요 (Alt+Delete)

그라데이션을 위한 마스크를 추가해줘요.(Add Vector mask)

그라데이션을 넣었는데 마음에 안 듦

도형툴 사용해서 삼각형으로 뚜렷하게 만든 다음

배경 이미지 레이어를 복사하여 레이어를 추가하고, (Alt+복사할 레이어 클릭 후 위로 옮기면 레이어 복사 가능)

레이어를 삼각형 안에 넣은 뒤 (Alt+복사한 레이어를 이미지와 도형 레이어 사이의 선으로 마우스를 가져가고 클릭하면 넣을 수 있어요)

도형이 너무 이질적으로 보일까 봐 불투명도(Opacity)를 8%로 조정해주었어요.​

이후 이미지는 jpg 저장!

블로그 상단에 있는 내 메뉴 클릭 후 리모컨 클릭

타이틀에서 직접 등록 클릭 후 이미지를 넣어줘요.

이미지명이 영문/숫자가 좋다기에 이미지명 바꾸고 올렸는데, 이미지에 있던 타이틀명이 사라졌습니다…

결국 타이틀 이미지 삭제하고, 타이틀명 오른쪽 아래로 이동 후 스킨 배경 적용했어요.

레드가 대표색이었던 블로그 컬러도 블루로 변경 ㅎ_ㅎ

728×90

반응형

홈페이지형 블로그 만들기 네이버 블로그 응용1편 LESSON.01 와이드형 스킨 블로그에 적용

반응형

홈페이지형 블로그 만들기 응용 편을 준비했습니다. 네이버 블로그 홈페이지형 만들기 기초 편을 못 보신 분들은 기초 편을 먼저 보시고(유튜브, 블로그 포스트) 응용 편을 보시길 추천합니다. 바로가기 링크는 아래 기입해 놓겠습니다. 응용 편에서는 이미지맵 좌표를 이용해서 다양한 디자인에 링크를 거는 방법을 새롭게 알아보도록 하겠습니다. 블로그에 작성하는 글과 사진은 유튜브 동영상 강의를 캡처하여 작성했습니다. 화질이 고르지 못한 점 양해 부탁드립니다. 유튜브 영상을 보시고 방문하셨다면 글로 한 번 더 정리해두었다고 보면 될 것 같습니다. 홈페이지형 블로그 만들기 와이드형 스킨 블로그에 적용하는 방법을 시작으로 총 10편으로 제작되었습니다. 그럼 최종 편까지 시작해보겠습니다.

[관련 글]

홈페이지형 네이버 블로그 만들기 기초 편 바로가기 링크입니다.

<네이버블로그 홈페이지형 블로그 만들기 전체목록>

유튜브 영상 응용 편

홈페이지형 네이버 블로그 만들기

01 / 02편

홈페이지형 블로그 실전 활용 편 영상이 편하신 분들은 유튜브 영상을 참고해주시고 영상보다는 글로 보는 게 편하신 분들은 앞으로 발행되는 글로 참고하시어 나만의 홈페이지형 블로그를 만들어 보셨으면 좋겠습니다. 응용 편에서는 이미지맵을 활용한 좌표값을 알아봐야 합니다. 처음 유튜브 영상을 제작했을 때는 어도비 드림위버(Adobe Dreamweaver) 프로그램으로 진행하려고 했으나 드림위버 프로그램 준비가 안 되는 분들고 있을 것 같아서 이미지맵의 좌표값을 알아낼 수 있는 무료 웹사이트 2곳을 통해서 응용 편을 진행해보도록 하겠습니다.

이번 응용 편에서 소개할 사이트 두 곳은 이미지맵툴과 온라인 이미지맵 에디터 입니다. 이번 응용 편에서 소개되는 이미지맵을 활용한 좌표값 소스 보는 방법과 좌표값을 적용하여 위젯 직접 등록을 해보신다면 앞으로 다양한 디자인으로 나만의 홈페이지형 블로그 만들기를 하실 수 있으실 겁니다. (추후 드림위버로 좌표값을 알아보는 방법도 따로 영상과 블로그로 정리를 해 보록 하겠습니다.)

Prologue1: 기초 편에서 만들었던 홈페이지형 블로그

우선 기존에 만들어봤던 기초 편에서의 블로그 형태를 보도록 하겠습니다. 기존에 기초 편에서 만들어본 홈페이지형 블로그의 경우 아래 보이는 체코 관광청 공식 블로그와 같이 가장 기본적인 형태로 작업을 해봤습니다.

기존에 같이 제작을 해봤던 분들은 이번 응용 편 작업이 크게 어렵지 않을 수 있습니다. 만약에 기초 편을 아직 못 보셨다면 상단 관련 글 링크에 있는 기초 편에서 위젯을 활용한 네이버 블로그 홈페이지형 만들기를 먼저 제작해보시고 응용 편을 보시는 것을 추천합니다.

위의 화면은 기본 편에서 같이 만들어봤던 블로그입니다. 아직 기초 편을 안 보셨다면 이 블로그를 참고하시고 상단 관련 글 링크에 있는 글을 참고하시어 기본 편을 먼저 만들어보시길 추천합니다. 네이버 블로그 기초편 형태 바로가기

Prologue2: 이미지맵을 이용한 다양한 디자인의 블로그

응용 편에서는 기존에 만들어 봤던 메뉴 구성과는 다른 디자인으로 작업을 해보도록 하겠습니다. 우선 베이직한 구성에서 벗어난 이미지맵을 활용한 다양한 디자인의 블로그들을 예시로 보겠습니다.

1) 인천광역시 공식 블로그의 경우 상단은 타이틀이 되는 제목+메인화면으로의 링크가 걸려있습니다. 하단에는 메뉴 버튼 4개, 왼쪽 sns 아이콘 6개로 구성되어 있습니다.

2) 에어글 코리아 공식 블로그의 경우 상단 로고 이미지 아래로 메뉴 버튼들이 구성되어 있습니다. sns은 와이드형 이미지 아래로 아이콘 5개가 구성되어 있습니다.

3) 네이버 디자인 프레스 블로그는 메뉴 구성이 2단으로 되어있는 것을 볼 수 있습니다.

4) 듀오백 공식 블로그의 백그라운드(뒷배경)로 와이드 한 이미지를 넣고 그위로 로고 이미지에 메인화면으로 링크가 걸려있고 로고 아래로 메뉴 구성이 되어 있습니다.

위 왼쪽부터 1,2,3,4

위에 예시로 본 블로그들처럼 이미지맵만 활용할 줄 안다면 좌표값을 찾아내고 적용하여 다양한 디자인으로 홈페이지형 블로그 만들기가 가능해집니다. 이제 본격적으로 응용 편을 시작해 보도록 하겠습니다. 스킨을 적용하는 방법부터 알아보겠습니다. 스킨 디자인의 경우 블로그를 운영하는 목적과 주제에 따라 모두 다르기 때문에 참고용으로 보시면 될 것 같습니다. 오늘 작업하는 방법은 디자인이 달라도 적용하는 방법은 동일하기 때문에 응용을 해서 적용하면 됩니다.

1. 스킨 사이즈 조절하기

제일 먼저 작업할 부분은 위젯의 영역을 잡기 위한 스킨을 임시로 올려주는 작업을 하도록 하겠습니다. 저의 경우 이미 영상을 촬영하기 위해 미리 만들어보고 블로그에 적용을 해봐야 했기 때문에 디자인은 이미 완료가 된 상태입니다. 지금 처음 만드시는 여러분들은 디자인이 되어 있지 않은 가지고 있는 이미지로 사이즈만 규격화해서 스킨을 적용시켜주시면 됩니다. 그럼 가지고 있는 아무 이미지를 포토샵으로 불러와 가로 2000px*세로 720px로 조절만 해주고 (임시 배경 스킨. jpg)으로 이미지를 저장해주세요. 폴더 위치는 본인이 정하시면 됩니다.

(※ 참고: 이때 중요한 것은 미리 디자인을 해두면 안 된다는 것입니다. 미리 스킨 디자인을 해놓으면 위젯의 영역이랑 디자인의 메뉴(카테고리) 부분이 어긋나거나 다른 방향에 위젯의 버튼 링크가 걸리기 때문입니다.)

2. 내 블로그 관리로 이동

스킨 직접 등록을 위해서 프로필 영역 하단에 있는 관리로 들어가 줍니다. 꾸미기 설정→세부 디자인 설정을 클릭합니다.

(※ 참고: 세부 디자인의 리모컨을 빠르게 이동하려면 내 블로그 상단에 있는 내 메뉴→리모컨 메뉴를 클릭하면 바로 리모컨이 활성화됩니다.)

3. 리모콘 기능 활성화

세부 디자인 설정을 클릭하면 우측으로 리모컨 기능이 나옵니다. 리모컨이 활성화되면 스킨 배경→직접 등록→파일 등록을 눌러줍니다.

(※ 참고: 4. 하단영역(패턴)은 컬러를 흰색으로 적용합니다.)

스킨을 선택하여 열기를 클릭합니다. 이때 스킨은 디자인 작업을 하지 않은 가로 2000px*세로 720px로 크기만 조절한 (임시 배경 스킨. jpg)을 불러와 주시면 됩니다.

세부 디자인 적용을 완료하여 스킨을 내 블로그에 씌어줍니다.

4. 스킨 적용 완료(내 블로그에 스킨 씌우기 완료)

그럼 아래 화면과 같이 가로 2000px*세로 720px의 이미지가 스킨으로 적용된 걸 알 수 있습니다.

5. 투명 위젯 만들기

이제 투명 위젯으로 영역을 잡아 보도록 하겠습니다. 꾸미기 설정→레이아웃/위젯 설정으로 들어갑니다.

우측 하단에 있는 위젯 직접 등록을 클릭합니다.

이 부분은 기초 편에서 설명했던 부분이라 따로 설명 없이 바로 넘어가도록 하겠습니다. 투명 위젯 html 소스는 아래 블로그를 이동하여 메모장 첨부파일 다운로드하셔서 가로 값과 세로 값만 조절하여 사용해주시면 됩니다.

네이버 홈페이지형 블로그 만들기 HTML위젯 코딩소스 종합모음(txt파일 첨부)

위와 같은 방법으로 투명 위젯 4개를 아래 화면과 같이 더 만들어 주시면 됩니다. 사이즈는 가로 값은 170px* 세로 값을 600px의 투명 위젯을 만들어주시면 됩니다. 위젯 1개의 세로의 최댓값이 600px입니다.

내 블로그 미리보기를 하면서 상단의 스킨 영역과 글이 보이는 포스트 영역이 겹치지 않도록 조절합니다. 위젯의 우측에 있는 edit를 클릭하여 조절하셔도 되고, 직접 등록을 할 때 가로 값은 170px* 세로 값을 600px로 만들어주셔도 됩니다.

투명 위젯은 아래 화면과 같이 위젯 직접 등록을 눌러서 1줄에 5개의 위젯을 만들어주시면 됩니다.

투명 위젯 값을 위젯 직접 등록에 다 넣었다면 하단에 있는 미리보기를 눌러주시면 됩니다.

미리보기를 해보면 스킨 영역과 글이 보이는 포스트 영역이 겹쳐보지이지 않고 떨어진 것을 확인할 수 있습니다. 투명 위젯으로 빈 공간을 만들어 포스트 영역을 밀어낸 것으로 보면 될 것 같습니다. 아래 부분이 미세하게 맞지 않는 부분은 앞으로 추가로 위젯 버튼을 넣어서 조금씩 맞춰 보도록 하겠습니다.

6. 투명 위젯 최종 적용하기

미리보기 후 특별한 문제가 없다면 하단에 있는 적용 버튼을 눌러서 스킨을 적용시켜줍니다.

7. 투명 위젯 영역 확인하기

블로그의 메인 상단을 마우스로 드래그해보면 아래 화면과 같이 위젯의 영역이 잡힌 것을 확인할 수 있습니다. 1줄에 5개의 위젯이 들어간 위젯을 보면 세로 값은 위젯을 추가해 더 아래로 늘릴 수 있지만 가로 값은 170px으로 고정시켜줍니다. 이 사이즈는 어느 블로그를 가서 봐도 그 영역에서 벗어나지 못합니다. (다음 글에서 확인할 수 있습니다.) 네이버에서는 블로그 상단 스킨 영역의 가로 값을 최대 170px 그리고 세로 값을 600px로 정해 놓았기 때문에 이 영역에 맞춰서 최대한 디자인 작업을 해줘야 합니다.

유튜브 영상과 블로그를 보면서 하나씩 만들어 가고 있는 분들이라면 저와 디자인이 다르기 때문에 위젯의 위치나 메뉴 등 사이즈가 많이 달라질 것입니다. 하지만 이미지맵을 이용하여 좌표를 삽입하는 방법은 동일하기 때문에 디자인이 달라도 응용하여 사용하기에는 크게 문제없을 것입니다. 제가 하는 방법을 예시로 보고 앞으로 진행되는 좌표값 찾는 방법만 잘 알아두시면 어떤 디자인도 적용이 가능하게 됩니다.

(※ 참고: 네이비 위젯 등록 시 중요한 3가지는 알아두시면 도움이 됩니다.)

1. 위젯은 최대 20개까지 등록이 가능합니다.

2. 위젯 코드는 1개당 2000byte까지 입력이 가능합니다.(글자 수로는 1,000자 정도입니다.)

3. 위젯의 하나 크기는 최대 가로 170px, 세로 600px까지 가능합니다.

이렇게 상단 스킨과 투명 위젯의 영역을 잡아봤습니다. 홈페이지형 블로그 만들기의 기둥이 되는 뼈대가 만들어졌습니다. 이제부터 디자인하는 방법을 알아보도록 하겠습니다. 다음 포스트에서는 스킨 디자인 작업하는 방법을 알아보도록 하겠습니다.

유튜브 커뮤니티에서 설문조사를 진행하고 있습니다.

평소에 만들어보고 싶었던 홈페이지형 블로그 만들기 구성을 골라주세요. 2020년 1월 말까지 진행합니다. 감사합니다.

[네이버] 블로그 꾸미기 :: 투명타이틀 적용하기 / 타이틀 꾸미기

728×90

반응형

안녕하세요 나미입니다.

지난시간엔 스킨 꾸미기를 해봤지요!

오늘은 타이틀을 꾸며볼거에요!

쉽고 간단한 나미식의 3분완성 타이틀 디자인!

바로시작하시져!

프로필 하단 [관리]를 클릭!

꾸미기설정에서 [타이틀꾸미기]로 들어가 줍니다

지난시간과 연결해서 복습시간 가져볼게요!

스킨을 기껏 만들었는데, 타이틀때문에 가려서 안보인다면!

타이틀을 투명하게하면 되겠지요!?

리모콘의 [타이틀]에서 [컬러]클릭!

하단의 색상표중 [⧄(색없음)]클릭!

그럼 타이틀이 투명하게 되어서 스킨이 보이게 됩니다!

타이틀에 블로그 제목 표시여부와

타이틀 영역의 높이를 조절할 수 있습니다!

자, 이렇게 색상선택에서 간단하게 투명타이틀을 할 수 있구요!

이번엔 직접만든 투명타이틀을 적용해보겠습니다.

※ 스킨위에 투명타이틀로 포인트주기 ※

이미 꾸며진 스킨 위에 타이틀로 포인트만 살짝 줘볼게요!

타이틀 사이즈 규격은

가로 966픽셀 / 세로 50~600픽셀 입니다

규격 안에서 자유로이 제작하시면 됩니다~

왼쪽 구석에 새 한마리를 넣어보았어요

투명이미지 저장은 PNG파일로!

바로 적용해볼까요?

고양이가 새를 쳐다보는 모습마냥 되었지요?(허허)

이런식으로 더 예쁘게 응용하면 스킨+타이틀로 다양한 연출이 가능하답니다!

자 이번엔 스킨없이 타이틀만으로 꾸며보겠습니다

※ 타이틀로만 꾸미기 ※

타이틀 규격에 맞춰서 심플한 디자인으로 호다닥 제작했습니다!

붉은색을 제외한 공간은 투명으로 저장은 역시 PNG파일!

바로 적용해볼까요?

엄청 심플하지요?

여기에 스킨배경 색상을 응용한다면!

[살구색] [피치색]

이런식으로 다양한 분위기를 연출 할 수 있습니다!

※ 추가 팁 ※

Q.배경 색상을 적용했더니 메뉴들이랑 안어울려요 ㅜㅜ

A.그렇다면 아래 이미지를 따라해 보세용!

리모콘을 이용해서 메뉴의 디자인과 글씨(폰트)의 색까지 변경가능합니다!

적용한 스타일과 어울리는 디자인으로 바꿔주세요~

※ 적용모습 ※

자, 심플하고 깔끔한 디자인이 완성되었지요 ?

간단한 디자인만으로 3분만에 타이틀 완성하기!

잘 따라 오셨지요 ?

도움이 되셨길 바라면서 !

다음시간에는 ‘투명위젯적용하기’ 팁을 가져오도록 하겠습니다!

모두의 블로그가 예뻐지는 그날까지 !

투명타이틀 꾸미기는 여기까지 포스팅하고

저는이만 물러나도록 하겠습니다 !

※블로그 이전작업 중으로 사진내 워터마크가 이전 블로그로 디폴트 되어있습니다※

728×90

반응형

네이버 블로그 꾸미기 설정하기

반응형

네이버 블로그 메인화면 변경으로 분위기 전환

블로그를 만들어서 운영을 하다 보면 이웃 블로그들도 많이 가게 되는데요.

수많은 사람들이 같은 스킨을 사용하고 있기 때문에 비슷한 부분들이 상당히 많습니다.

또한 메인타이틀 사진 또하 그런 경우가 많습니다.

변경을 통해 분위기를 전환해 보세요.

네이버 블로그 꾸미기 어떻게 할까?

블로그를 개설을 하거나 운영을 하시는 분이시라면 화면에 블로그 관리에 들어 가시면 꾸미기로 들어갑니다.

블로그 메인화면-관리

1. 보통 선택한 스킨에 따라 위치가 다르기는 하지만 별명 밑에 보시면 “관리”라고 되어 있는것을 클릭해 주세요.

블로그 꾸미기 -스킨선택

2. 화면의 위쪽에 카테고리 중에 꾸미기 설정을 눌러주세요.

스킨 선택을 하게 되는데요. 앞쪽에 나오는 것들이 제일 많이 사용하는 스킨들이라고 생각하시면 되는데요.

보통 블로그를 만드실때 기본이 되는 스킨들이라 선택을 하시는 경우가 많아서 같은 스타일의 블로그가 많이 나타나게 됩니다.

자신만의 블로그로 꾸미기를 하고 싶다면 2번째 또는 3번째에 나오는 스킨을 선택을 하시는 것이 좋겠죠.

처음에는 너무 튀지 않는 스킨을 선택을 하시는 것이 좋습니다.

3. 스킨을 선택을 하시고 미리보기를 통해서 내 글이 어떻게 반영이 되는지도 확인을 하시기 바랍니다.

마음에 드는 스킨을 찾으셨다면 “반영”을 눌러 주시기 바랍니다.

누르지 않는 경우에는 당연히 스킨이 반영이 되지 않겠죠.

스킨을 선택을 했다면 레이아웃 설정으로 네이버 블로그 꾸미기

스킨 설정이 되었다면 다른 블로그와는 차별적인 모습으로 좀더 변화를 줘 봅시다.

블로그 꾸미기- 레이아웃설정

1. 꾸미기 설정에 보시면 카테고리에 레이아웃 위젯 설정이나 또는 스킨 부분에 레이아웃 설정이 보이실 것입니다.

2. 자신이 선택한 스킨의 레이아웃이 나옵니다.

처음 세팅 한 그대로 사용하여도 완성도가 있지만 자신에게 맞게 변경을 하셔도 됩니다.

필요한 것을 넣어주거나 해도 되죠.

화면을 비율이나 위젯의 위치를 변경하여 좀 더 다채로운 블로그를 만들어 주시면 됩니다.

A. 스킨의 스타일을 변경합니다. 글의 위치 위젯들의 위치 타이틀의 위치를 변경을 하실수가 있습니다.

B. 블로그 기본 화면에 같이 보이게 할 것을 선택을 합니다.

스킨에 따라 C 부분에 추가됩니다.

C. 위젯의 위치를 변경을 할수가 있습니다.

좌우가 있는 스킨의 경우에는 위치를 변경을 해도 되고 현재 화면에서의 스킨은 위와 아래를 바꾸어서 설정을 하여도 됩니다. 설정을 변경을 하고 나면 미리보기를 통해서 확인을 하시기 바랍니다.

사진에는 보이지 않지만 밑에 쪽에 확인 버튼이 있는 곳에 같이 미리보기 버튼도 있습니다.

네이버 블로그 꾸미기 세부디자인 설정

꾸미기 설정 창에 다시 가 보시면 카테고리 두 번째에 있던 세부디자인 설정이 보이실 것입니다.

위에 스킨선택 및 레이아웃 설정만 하여도 다른 블로그와의 차이점을 만들 수 있지만 세부디자인 설정을 통해서 세련된 블로그를 만드실 수가 있습니다.

세부디자인에서 여러 가지 변경이 가능한데요.

스킨의 배경을 직접등록을 통해 바꿀 수도 있고 여러 가지 변경을 통해서 블로그를 풍부하게 꾸며 줄 수가 있는데요.

이 중에서 3가지 타이틀, 블로그 메뉴, 글 댓글 스타일은 변경을 하시는 것을 추천드립니다.

1. 블로그 타이틀 : 블로그 제목을 표기하거나 안 보이게 할 수도 있는데요.

스킨에 따라서는 글자가 보이지 않는 경우도 많아서 타이틀의 글자색을 잘 보이게 변경을 해 주세요.

2. 블로그 메뉴 : 타이틀과 마찬가지로 스킨 또는 배경화면을 변경을 하게 되면 블로그 메뉴가 보이지 않게 되는 경우가 많습니다. 바탕에 맞게 변경을 해 주는 것이 좋은데요.

다른 관련된 글을 찾을 때도 대표 카테고리를 선택을 하는 경우가 많기에 잘 보이게 해 주세요.

3. 글 댓글 스타일 : 이건 두 가지가 다른데요.

글과 댓글 전체를 변경을 하거나 댓글 부분만 변경을 하거나 하는 것인데요.

통일감을 위해서는 전체를 변경을 하는 것이 좋기는 하지만

스킨을 고른 보람이 별로 없어지기도 합니다.

그래서 추천하기로는 댓글 부분만 변경이 되도록 하는 것을 선택을 하시는 것입니다.

어떤 것을 선택을 하던 전체적으로 스킨 하고 어울리는지 보시고 마음에 드시면 적용을 눌러주시면 됩니다.

스킨 선택을 하고 나서 다른 네이버 블로그 꾸미기 중 레이아웃 및 세부디자인 설정이 귀찮으시더라도 타이틀은 변경을 하시는 것을 추천드리는데요.

다른 것들은 눈에 잘 보이지 않지만 타이틀은 블로그에 들어오면 바로 눈에 보이는 것이라서 자신만의 블로그 꾸미기를 제대로 하고 싶다면 타이틀만 잘 바꾸어도 다른 설정을 하는 것보다 좋습니다.

반응형

키워드에 대한 정보 블로그 타이틀 디자인

다음은 Bing에서 블로그 타이틀 디자인 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.

이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!

사람들이 주제에 대해 자주 검색하는 키워드 블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기)

  • 동영상
  • 공유
  • 카메라폰
  • 동영상폰
  • 무료
  • 올리기

블로그 #만들기 #강의 #: #블로그 #타이틀 #만드는 #초간단 #방법 #(파워포인트 #활용하기)


YouTube에서 블로그 타이틀 디자인 주제의 다른 동영상 보기

주제에 대한 기사를 시청해 주셔서 감사합니다 블로그 만들기 강의 : 블로그 타이틀 만드는 초간단 방법 (파워포인트 활용하기) | 블로그 타이틀 디자인, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.

See also  다모아 할인 다이렉트 | 자동차보험다모아 앱 다이렉트자동차보험비교 견적 사용 방법 상위 77개 베스트 답변

Leave a Comment