JungGun

반응형

블로그 Tip :: 네이버 블로그 홈페이지형 블로그 스킨 만들기 !

안녕하세요! JungGun입니다^^

며칠 동안 비 오고 오늘은 날씨 좋네요~

주말 동안 덥다고 하던데. . . .

이제 진짜 여름 시작이네요 ~ !


오늘은 블로그 홈페이지형 제작하는 

방법에 대해서 설명드리겠습니다.

처음에는 신기했는데,

만들고 보니까 어렵지 않네요 ~ 

홈페이지형 블로그 스킨! !


네이버 블로그는 블로그 / 블로그가 기본적으로 제공됩니다.

저는 아래 화면처럼 주로 프롤로그를 사용합니다.


이제 본격적으로 네이버 블로그를

홈페이지형으로 변경해 보겠습니다!


1단계 > 블로그 설정에서 위젯 만들기!

설정 - 레이아웃. 위젯 설정 클릭!

(!) 레이아웃은 왼쪽에서 두 번째 선택

(!!) 타이틀 체크 해제


2단계> 투명 위젯을 위한 png 파일 포스팅 !

png 파일은 배경이 투명한 형태에

파일 확장자입니다.

png 파일을 비공개로 포스팅!

추후에 사용하기 위함입니다!

JungGun



3단계> 위젯 등록하기! 

 홈페이지형 블로그 스킨을 만들기 위해서

2가지 타입에 위젯이 필요합니다

1) 투명 위젯 2) 메뉴위젯

위젯 직접 등록 버튼 클릭 !


먼저 투명 위젯을 제작하겠습니다!

위젯 직접 등록 버튼 클릭 후 

다음과 같이 코드를 입력하는 부분이 있습니다.

HTML 코드인데 width / height / 만

확인하시면 됩니다.


<table width="170" border="0" cellspacing="0" cellpadding="0">

<tbody><tr>

<td width="170" height="310"></td>

</tr></tbody>

</table>



JungGun

4단계> 메뉴 버튼 위젯 만들기

위에서 제작한 투명 이미지 png를 여기서 사용합니다.

투명 위젯과 동일한 방식으로 

html 코드를 입력하시면 됩니다.

그런 후에 img id = "비공개::투명이지png url 입력"

<p><a target="_blank" target="_self" href="http://blog.naver.com/PostThumbnailList.nhn?

logId=jeong8607&amp;from=postList&amp;categoryNo=18&amp;parentCategoryNo=18"> 

<img id="se_object_143265364292685817" 

rc="http://postfiles4.naver.net/20160613_51/jeong8607_1465808205462PUglo_PNG/Untitled-

.png?type=w966" class="__se_object" s_type="attachment" s_subtype="photo" width="174" 

eight="100" rwidth="174" rheight="100" imgqe="true" 

itle="junggunblog" jsonvalue="%7B%7D" align="" style=" width:174px; height:100px; rwidth:174px; 

height:100px;" /></a><br /></p>

* href = 블로그에 카테고리 메뉴 

링크 주소를 입력하시면 됩니다!!

위와 같은 방식으로 통해서 5개씩 위젯을 제작하면

아래와 같이 투명 위젯과 메뉴 위젯일 제작됩니다^^



네이버 블로그에 적용하기 한후에

중간중간 확인해보세요^^


5단계> 위젯에 맞는 홈페이지형 블로그 스킨 제작

** 투명 위젯 길이와 일반 위젯(메뉴 버튼)에 

규격에 맞게 포토샵에서 스킨을 제작하시면 됩니다!

저는 2000*910으로 제작하였습니다!



6단계> 홈페이지형 블로그 스킨 등록하기!

스킨 배경에서 

직접 등록 -> 스킨 선택 후 적용!



추가적으로 

전체박스 - 사용하지 않음 !


네이버 홈페이지형 블로그 완성 !  

네이버에서 제가 사용하는 블로그 입니다^^

http://blog.naver.com/jeong8607


끝까지 읽어주셔서 감사합니다^^

공감 부탁드립니다!

모르는 부분은 댓글에 남겨주시면

가능한 범위내에서 답벼드리겠습니다~

좋은 하루 보내세요^^

반응형
TOP