){kind=link}
홈페이지형 블로그를 만들고 싶다면, 네이버 블로그만큼 적합한 플랫폼은 없습니다.특히 스마트에디터 3.0 버전을 활용하면 버튼 이미지에 직접 HTML 코드로 링크를 삽입할 수 있어 블로그를 더욱 ‘홈페이지답게’ 꾸밀 수 있습니다.
📌 이 글은 유튜브 강의를 보완하기 위해 작성되었습니다. 영상으로 먼저 보고, 글로 다시 정리하며 따라오시면 더 효과적이에요.
📌이 글은 유튜브 영상을 먼저 촬영한 후 캡처 화면을 활용해 작성되었기 때문에, 일부 이미지의 화질이 다소 낮을 수 있는 점 양해 부탁드립니다.
홈페이지형블로그 기초6편 목차
- 유튜브 강의 링크
- 스마트에디터 3.0을 활용한 HTML 링크 삽입 방법
관련 유튜브 강의
‘글보다 영상이 더 익숙하다’는 분들을 위해 유튜브 강의도 함께 제공합니다.
유튜브 검색창에 "여행하는 디자이너 트래블러"를 입력하면 쉽게 찾아볼 수 있어요.
강의 링크:
(기초1편 바로가기)
(기초2편 바로가기)
(기초3편 바로가기)
유튜브 검색창에 "여행하는 디자이너 트래블러"를 입력하면 쉽게 찾아볼 수 있어요.
강의 링크:
(기초1편 바로가기)
(기초2편 바로가기)
(기초3편 바로가기)
스마트에디터 3.0에서 버튼 이미지에 링크 거는 방법
1. 비공개로 새 게시글 업로드하기
- ‘게시판’ 카테고리 선택 후 포스트 작성
- 버튼 이미지를 첨부할 때 Ctrl 누른 채 클릭하면 복수 선택 가능
- 이미지 업로드 후 비공개로 발행
2. 이미지 주소(URL) 복사하기
- 업로드된 버튼 이미지를 우클릭 → 속성 선택
- ‘주소(URL)’ 항목에서 http://부터 전체 복사
- 메모장에 저장해두기 (주소 길이가 길기 때문에 확실히 복사!)
3. HTML 코드 작성 방법
아래 코드를 복사해서 사용하세요.
1 2 3 | <a href="이동할페이지url" target="_blank"> <img src="버튼이미지url" alt="버튼설명텍스트"> </a> | cs |
📌 target 속성 해설
- _blank: 새 창으로 열림
- _self: 현재 창에서 열림
- _parent, _top: 프레임 사용 시 해당 위치에서 열기
4. 최종 정리: 링크 연결 마무리
- 복사해둔 이동할 링크 주소와 버튼 이미지 주소를 HTML 코드에 넣기
- 원하는 방식에 따라 target 속성을 설정
- 블로그 글에 HTML 코드 붙여넣으면 완료!
다음 시간에는, 이렇게 작성한 HTML 코드로 위젯 설정하여 블로그에 고정 배치하는 방법을 알려드릴게요. 홈페이지형 블로그가 점점 완성되어 가고 있습니다.
댓글 쓰기