Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 무료폰트
- google font
- 사진보정
- 포토샵
- Photoshop
- 블로그
- 합성
- 보정
- 인물보정
- 구글폰트
- 폰트
- 물생활
- 웹폰트
- 포토샵강좌
- Layer mask
- 포토샵효과
- WebFont
- Layer
- Icon
- 무료 ai
- 베타
- 채도
- font
- 포토샵 강좌
- 레이어
- Blending Option
- 아이콘
- 한성
- high pass
- 티스토리
Archives
- Today
- Total
JKtuts
네이버 블로그 홈페이지형 PSD파일 및 위젯 소스 본문
네이버 블로그에서 홈페이지처럼 여러 메뉴를 넣어주고
링크를 쉽게 걸기 위해 만든 분할 영역 PSD파일입니다. 추가로 170X600 사이즈의 PNG 투명 파일입니다.
이 파일은 네이버블로그 위젯에 대한 이해가 있는 분들에게 해당되는 파일입니다
네이버 블로그 홈페이지형
위젯 영역을 분할 영역으로 5개 지정돼 있는 *.PSD 파일입니다.
링크가 걸려야 하는 부분은 분할영역 안으로 디자인하면 됩니다. 모두 디자인 후 전체영역을 저장하고 분할영역을 따로 저장해 X,Y값을찾아주면 됩니다.
X,Y값은 그림판에서 찾아도 되고 포토샵에서 찾아도 됩니다만
좌측상단값, 우측하단값 을 00,00,00,00 형태로 입력 하면 됩니다.
네이버 블로그 꾸미기에서 +위젯직접등록을 클릭하고 아래처럼 이미지맵을 이용해 링크를 걸어주면 됩니다.
이미지맵은 아래 같이 걸어주면 됩니다.(위젯코드입력란에 입력)
이미지맵 소스
<img src="이곳에PNG파일 위치?type=w966" border="0" alt="" usemap="#map1" />
<map id="map1" name="map1">
<area shape="rect" coords="좌표" href="링크주소" target="_top" />
</map>
'IT&컴퓨팅 > 블로그' 카테고리의 다른 글
네이버 블로그 삭제, 이렇게 합니다. (1) | 2018.12.13 |
---|---|
블로그 이미지 라이선스 바로 알고 사용해야 합니다 (1) | 2016.04.04 |
구글 웹폰트 적용 방법 (3) | 2016.03.18 |
블로그에 유용한 코드 하이라이트 사이트 (0) | 2016.03.09 |
블로그 운영에 좋은 비포 애프터 쇼케이스 (Before/After Showcase) (0) | 2016.03.09 |
Tistory Comments