안녕하세요! 어제에 이어서 오늘도 소소하게 블로그 디자인을 해봤습니다.
직접적인 디자인 변화는 아니고, 기능적인 추가입니다.
오늘 해 볼 것은 바로 네이버 블로그에 티스토리 블로그 링크를 다는 것인데요!!
많은 분들이 네이버 블로그를 운영하시다가 티스토리 블로그로 넘어오시곤 합니다.
이런 경우 아예 블로그를 이전하는 경우도 있지만, 저처럼 2개의 블로그를 적절히 사용하시는 분들도 있으실거라 생각합니다.
편리하게 한 블로그에서 다른 블로그로 연결되는 링크를 만든다면 블로그간 접근성도 상승하겠죠?
티스토리 -> 네이버 도 가능하지만, 이번 포스팅에서는 네이버 -> 티스토리를 다룰 예정입니다.
당장 제가 티스토리에 배너를 달 생각은 없기 때문입니다. (애초에 아직 제 티스토리 자체의 트래픽도 거의 없는 수준이기 때문이죠 ㅠ)
목차
0. 준비물
먼저 적절한 배너 사진이 필요합니다.
저는 포토샵으로 만들었고, 네이버에 있는 사이드바와 가로 길이를 맞춰줬습니다. 170px이고 세로 길이는 원하는 대로 조정하시면 될 것 같습니다. 저는 넉넉하게 120px로 정했습니다. (만드는 방법은 자유입니다!)
그리고 당연히 올릴 수 있는 네이버 블로그가 필요하겠죠? 이건 굳이 네이버가 아니라 다른 블로그여도 마찬가지입니다!
1. HTML 따오기
네이버는 제가 현재 주력으로 사용중인 스마트에디터 ONE으로 HTML을 수정하기가 까다롭게 되어있습니다. (개발자 도구를 사용하는 방법이 가장 보편적입니다!)
보안적인 문제라고는 하는데, 개인적으로 많이 아쉽더라구요. 하지만 스마트에디터 2.0을 사용하면 html 소스를 쉽게 확인하고 수정할 수 있습니다.
네이버 블로그의 기본 설정의 기본 에디터 설정에 들어갑니다.
여기서 기본이 스마트에디터 ONE으로 설정되어있다면 스마트에디터 2.0으로 바꿔줍니다!
이미 스마트에디터 2.0을 쓰시고 계신 분은 따로 설정할 필요가 없겠군요.
이제 글쓰기 버튼을 누르면 바뀐 글쓰기 화면을 보실 수 있습니다.
오른쪽 위 사진버튼을 눌러 사진을 올려줍니다.
Tip! 여기서 사진을 더블클릭하시면 사진 크기 변환을 하실 수도 있어요!
완료하셨다면 이제 url을 달아줄 차례입니다.
처음에 저는 여기서 조금 헤맸는데, 이전 스마트에디터ONE에서처럼 클릭이 되지가 않았습니다.
당황하지 마시고 드래그해줍니다. 그 후 오른쪽 위쪽에 작게 있는 url 버튼을 누른 뒤에 원하는 url을 넣어준 후 적용 버튼을 눌러줍니다!
적용 버튼을 누르면 아무 일도 일어나지 않습니다. 이제 HTML을 따와야겠죠.
오른쪽 아래 Editor / HTML / TEXT 3개의 버튼이 있는데, HTML을 눌러줍니다.
스킨을 수없이 편집하면서 본 HTML 태그가 나옵니다.
<p>태그부터 끝까지 다 드래그해서 복사해줍니다. HTML 소스 따오기 끝입니다!
글은 비공개로 남겨두셔도 되고 끄셔도 상관은 없었습니다!
굳이 게시하지 않아도 DB에 저장이 되는 모양입니다. 좀 신기하긴 하네요!
2. 위젯 적용하기
다시 네이버 블로그 관리에 들어갑니다.
그리고 꾸미기 설정 - 디자인 설정 - 레이아웃 위젯 설정에 들어갑니다.
오른쪽 아래에 있는 위젯직접등록 버튼을 눌러줍니다.
아까 복사한 HTML 코드를 위젯코드입력에 넣어주시고, 위젯명은 마음에 드는걸로 적으시면 됩니다!
다음을 누르면 미리보기가 가능하고 등록을 누르면 정상적으로 등록됩니다.
기본적으로 사이드바의 맨 아래로 가는데, 마우스로 원하는 위치에 가져다 놓으시면 끝입니다!!
클릭해보면 정상적으로 새 창에 티스토리 블로그가 뜨는 것을 확인하실 수 있습니다!!
그렇게 어렵지 않지만 서로 다른 블로그끼리 연결하는 데에 굉장히 좋은 방법입니다!
혹시나 반대로 티스토리에 배너를 달고 싶으신 분은 좋은 플러그인이 이미 제작되어 있으니 활용하시면 간편하게 사용하실 수 있을 겁니다 ㅎㅎ
그렇다면 다음에도 더 좋은 정보로 돌아오도록 하겠습니다!
만족스러우셨다면 하트와 구독을 눌러주시고 댓글을 작성해주시면 저에게 정말 큰 힘이 됩니다 :) 감사합니다!!
최근댓글