🧸 네이버 블로그 꾸미기

🪅 스킨 배경 변경

✂️[내 메뉴]-[관리]

 

✂️[꾸미기 설정]-[세부 디자인 설정]

 

✂️[스킨배경]-[직접등록], [타이틀]-[영역높이]

스킨배경 규격

• 가로 최대 3000px
• 세로 최대 600px

 

✂️[타이틀]-[블로그 제목]

블로그 제목 표시를 하지 않기 위해 체크를 해제한다. 

✂️미리캔버스로 스킨 만들기

미리캔버스로 유투브, 블로그, 인스타그램을 운영하는 사람에게는 익숙할지도 모릅니다.

무료로 이용 가능하니 회원가입하고 이용하시면 됩니다.

https://www.miricanvas.com/

디자인 플랫폼 미리캔버스

[디자인 만들기]-[직접입력]

스킨 가로 3000px 세로 500px 로 설정했습니다.

저는 아이패드 프로크리에이트(Procreate)를 이용해 배경 레이어를 표시해주지 않고 png파일 저장! 

미리캠퍼스에 업로드해서 [요소]처럼 사용했습니다.

미리캠퍼스에서 무료로 제공하는 [요소]들과 [텍스트]를 조합해 스킨을 만들고 [다운로드].

나름 고해상도로 다운받았는데도 픽셀이 워낙 작아서 그런가? 이미지가 깨집니다.

---

🪅위젯 변경

저는 크게 추가하고 싶은 위젯이 4개입니다.

• 네이버 이웃추가
• 인스타그램
• 고영희(고양이) 인스타그램
• 티스토리

하지만, 위젯 크기는 스킨크기처럼 정해져있었고 그래서 그런가 5개로 설정하는 사람이 많더라구요.

기존 위젯의 가로 길이는 171px이 많은데, 세로길이는 모르겠어서 그냥 연결되지 않는 위젯도 하나 만들었습니다.

 

✂️[꾸미기 설정]-[레이아웃·위젯 설정]

 

✂️[위젯직접등록]

위젯 규격

• 가로 최대 170px
• 세로 최대 600px

 

✂️[위젯 코드 입력]

  <a href="link_url">
    <img src="image_url"/>
  </a>

a태그는 하이퍼링크 태그 입니다.

img는 이미지 태그 입니다.

 

✂️ 이미지 위젯

<img src="image_url" />

위젯 5개중에 하나는 그냥 이미지만 첨부하는 위젯을 만들었습니다.

클릭해도 연결이 안되는 이미지 위젯

 

🔎네이버 이웃추가 링크

https://section.blog.naver.com/connect/PopConnectBuddyAddForm.nhn?isHttpsRedirect=true&blogId=네이버아이디

 

🔎인스타 링크

https://www.instagram.com/인스타아이디

 

✂️위젯 이미지 제작

스킨배경과 마찬가지로 미리 캔퍼스로 규격 가로 170px, 세로 72px의 위젯 이미지를 제작했습니다.

 

🔎이미지 링크

네이버 블로그에 비공개로 글을 씁니다.

[마우스 우클릭]-[이미지 링크 복사]

 

✂️[위젯 코드 입력]에 작성한 HTML코드 입력

---

🪅 결과물

위젯을 클릭하면 해당 링크도 잘 뜨고 마음에 듭니다.

티스토리도 네이버와 마찬가지로 HTML&CSS 공부하면서 조금씩 꾸며야 겠습니다.

---

🪅 참고한 영상

https://youtu.be/MbzvSEaJBUI