SNS마케팅

홈페이지형 블로그 스킨 링크달기, 위젯 설치하기

천군양♡ 2022. 9. 7. 14:36
728x90

 

마케팅을 위해서 블로그를 운영하는 사람들이라면 네이버 블로그를 설치형 블로그로 변형하고자 하시는 분들이 있을 것입니다. 디자인은 할 줄 알지만 어떻게 설치를 해야할까 고민을 하는 사람들을 위해서 설치형 블로그 세팅 방법에 대해서 알아보도록 하겠습니다.

 

설치형 블로그 세팅 (스킨 적용시키기)

설치형 블로그를 만들기 위해서 위젯 설정부터 해주셔야 합니다.


1. [블로그 관리] > [꾸미기 설정] > [세부 디자인 설정] 으로 들어가줍니다.

리모콘이 나오게 되면 [스킨배경] > [직접등록] > [파일등록] 을 해줍니다.


2. [블로그 관리] > [꾸미기 설정] > [레이아웃·위젯설정] 으로 들어가줍니다.

1단형 스킨으로 선택해주세요


 

 

에서 하단 코드를 복사해서 넣어주고, 위젯을 다섯개 만듭니다.

<p><img id="se_object_1662527884836" src="https://blogfiles.pstatic.net/MjAyMjAzMjVfMTEz/MDAxNjQ4MTkwMTU1NjI2.9DbuslTBT5twORaA2GnS5jQPFXZshA9hjZDlq5YyjpYg.o2UJgew9-FJArahBnE3Lm_f8mHJiz3_-6J91jx6p1fAg.PNG.highsindia/%ED%88%AC%EB%AA%851.png" class="__se_object" s_type="attachment" s_subtype="photo" style="width: 170px; height: 600px; border-color: rgb(0, 0, 0); rwidth:170px; rheight:600px;" width="170" height="600" imgqe="true" jsonvalue="%7B%7D" rwidth="170px" rheight="600px"><br style="clear:both;"><br style="clear:both;"><span id="husky_bookmark_start_1648190155803"></span><span id="husky_bookmark_end_1648190155803"></span>&nbsp;</p>


4. [위젯 사용 설정] 에서 만들어준 투명 위젯을 선택하여 드레그하여 상단에 넣어줍니다.

 

위젯을 이용해 외부링크 넣기

이번에는 클릭형 위젯을 만들어보겠습니다. 

1. [메모장]에서 내가 만든 위젯을 업로드해주고 url 링크를 걸어줍니다.

2. 하단에 [html]을 복사하여 위젯에 등록해주면 되는데, 게시글 발행을 먼저 반드시 해주셔야 합니다.

스킨 안에 외부링크 넣기

이번에는 스킨 안에 있는 버튼에 링크를 등록하는 방법에 대해서 알아보겠습니다.


1.블로그 스킨을 드레그 하면 파란색 창으로 아래와 같이 뜨게 되는데요.
 버튼이 있는 부분을 부분캡처하여 jpg로 저장해줍니다. 


2. 그 다음에는 코딩용 프로그램을 받아서 설정해주셔야 하는데요. 하단에 있는 파일 다운로드해주세요!

 

반응형

imapic2.exe
0.11MB

 

 


3. 파일을 실행해주고 [File] > [Open Image...] 를 선택하여 캡처한 이미지를 불러와 줍니다.


4. 위에 있는 도형 그리기 도구를 이용하여 버튼 형성해주는 부분을 표시해주고, 도형그리기 옆에 상자 아이콘을 선택해줍니다.

 - 도형을 수정하려면 이 버튼을 눌러주면 되고, 모서리 끝에 노란점으로 조정해주시면 됩니다.

 

 


 

5. Links to 에는 링크를 해주고자 하는 주소를 넣어줍니다.

6. Target은 새창에서 여는지, 현재창에서 여는지 여부를 골라주는 것입니다.

_blank : 기존의 창에서 그대로 띄우기
_parent: 기존 창의 바로 전창에 띄우기
_top : 새창에서 띄우기
_self : 기존에 떠 있는 곳에 띄우기

7. 설정이 끝나면 그냥 X로 꺼주시면 됩니다.


8. 종이 페이지를 눌러줍니다. 


9. 복사에서 사용해주시면 되는데, 빨간줄 표시는 이미지 링크를 삽입해주셔야 합니다.

 현재 스킨은 투명한 이미지이기 때문에 투명한 이미지 링크를 넣어주시면 됩니다.

https://blogfiles.pstatic.net/MjAyMjAzMjVfMTEz/MDAxNjQ4MTkwMTU1NjI2.9DbuslTBT5twORaA2GnS5jQPFXZshA9hjZDlq5YyjpYg.o2UJgew9-FJArahBnE3Lm_f8mHJiz3_-6J91jx6p1fAg.PNG.highsindia/%ED%88%AC%EB%AA%851.png?type=w2

 

728x90