네이버블로그만드는법 14강 블로그배너 부착하는방법 동영상

How to add a banner to your Naver Blog sidebar. Make a 170px-wide image in Photoshop, upload it as a private post to get its URL, then paste HTML code combining an anchor tag and image tag into the widget settings. Check the preview for typos or missing periods before saving.
Chapters
자, 디지털 CEO 여러분들 안녕하세요? 오늘은 블로그 강의 중에서도 이렇게 배너를 설치해놓은 것을 많이 보신 적이 있으실 겁니다. 배너를 어떻게 설치하는지에 대해서 일단 먼저 알려드릴게요. 이 배너를 설치하기 위해서는 일단은 네이버 블로그의 이 사이드 바가 가로 사이즈가 170 이거든요 그래서 포토스케이프 같은 이런 이미지 편집 툴에 오셔서 내가 쓰고 싶은 배너를 이렇게 하나 만들었잖아요 그러면 이거에 이제 크기를 가로는 무조건 170 으로 맞춰 주셔야 돼요 자 저는 이렇게 한번 맞춰 볼게요 그리고 나서 이걸 한번 저장을 해 보겠습니다 일단은 일단은 바탕화면에 제가 저장을 할게요 저장을 하고 이제 다시 블로그로 한번 가보도록 하겠습니다 그러면 그 다음으로 이제 뭘 해야 되냐면 이 배너를 일단 온라인 상에 띄워야겠죠 지금은 내 컴퓨터에 있으니까 그거는 내가 이렇게 글쓰기를 하나 합니다 하는데 비공개로 하셔도 상관없어요 비공개로 하시고 내 블로그 배너라고 글을 쓰시면 돼요 예를 들면 배너 뭐 이렇게 쓰시고 아무렇게나 쓰셔도 상관없습니다. 그 다음에 사진을 누르시고 좀 전에 우리가 만든 배너 있죠? 그거를 업데이트를 해주면 됩니다. 좀 전에 만든 배너를 가볼까요? 여기 있죠? 마케팅 닥터 네이버 TV 배너. 자 그럼 이렇게 배너가 올라왔죠? 그죠? 자 그러면 요거를 요렇게 발행 버튼을 눌러 주시고요. 여기에서 비공개로 이렇게 비공개로 해주시고 그냥 바로 발행을 해버리시면 돼요. 자, 발행을 제가 해볼게요. 자, 이렇게 발행이 되고 나면 이제 배너가 올라왔잖아요. 그러면 이 주소를 따야 됩니다. 이렇게 이 배너에 대해서 마우스 오른쪽 버튼을 클릭하시고 다시요. 여기에서 이미지 주소 복사라는 게 보이실 겁니다. 이 배너 이미지의 주소를 우리가 사용할 거거든요. 그래서 이미지 주소 복사 이 버튼을 눌러줍니다. 자, 열렸죠? 자, 그러면 요게 이제 지금 붙여 놓은 요게 지금 이미지 주소구요 어 배너의 기본 소스가 있어요 소스를 먼저 설명을 드리자면요 a 그 다음에 a 한칸 띄우고 href는 쌍턴표 두개 그 다음에 가로 닫고 다시 가로 띄우고 img 한칸 띄우고 src는 c는 근데 여기 사이에는 뭐가 들어가느냐 이 배너를 클릭하고 이동시킬 랜딩 주소라고 할 수 있죠 랜딩 주소를 집어넣어요 뭐 이거는 블로그 포스팅이 될 수도 있거든요 어떤 다른 외부의 홈페이지 주소가 될 수도 있고 여러가지가 될 수 있습니다 그 다음에 이미지 src는 지금 좀 전에 우리가 복사해왔던 위에 이미지 주소 있죠 이 이미지의 주소를 집어넣어 주시면 됩니다. 자 그러면 요거를 한번 이제 완성을 시켜 볼게요. 저같은 경우는 제 배너를 저거는 제 네이버 TV 쪽으로 한번 연동을 시켜 보도록 하겠습니다. 네이버 TV로 한번 들어가 볼게요. 네이버 TV로 와서요 제 채널에 채널이 채널로 가보도록 하겠습니다 자 이제 제 마케팅 닥터 채널로 왔구요 여기로 와서 여기 주소를 복사해서 자 이번에는 다시 어디로 한다 자 여기 왔죠 여기 랜딩 주소로 오셔가지고요. 여기에서 마케팅 닥터의 네이버 TV 니깐 요 랜딩 주소 영역에다가 요걸 그대로 이렇게 집어 넣어요. 그 다음에 우리가 좀 전에 이미지 주소 이렇게 복사해 왔었죠. 그죠? 이 이미지 주소를 그대로 또 어디다 집어 넣냐면 여기 이미지 주소 사이에 집어 넣습니다. 항상 쌍타음표 사이에 이렇게 지금처럼 주소들이 들어간다라고 생각을 하시면 될 것 같습니다. 요렇게 했으면 이제 소스 준비는 끝이에요. 그럼 이거는 처음부터 끝까지 다 이렇게 복사를 합니다. 복사를 하신 다음에 이제 어디로 오시면 되냐면 여러분들 관리자 모드의 레이아웃 위제 설정이라고 배우신 적이 있으실 겁니다. 위젯이나 배너를 설정할 수 있는 것이죠. 여기 오셔서 전체 보기에서 레이아웃 위제 설정 이렇게 들어오면 됩니다. 자 그러면 여기 레이아웃 위젯 설정으로 들어오시면 아래쪽으로 내려 보면 뭐가 나오냐면요. 위젯 직접 등록 베타라는 요런게 나오죠. 이걸 클릭을 합니다. 그 다음에 여기에다가 코드를 이렇게 입력을 해줘요. 그리고 여기에는 뭐 마케팅 닥터 레이버 TV 배너 뭐 이런식으로 하면 되겠죠. 이름은 뭐 알아서 정하시면 되요 그 다음에 다음 버튼을 눌렀을 때 이렇게 뜨면 아 내 소스가 정상적으로 해서 이 배너가 정상적으로 등록되겠구나 하는 겁니다 근데 이게 만약에 이렇게 미리 보기가 뜨지가 않고 뭔가 오류가 생겼다 그럴 때는 그 소스의 이미지 주소가 잘못됐다거나 어떤 경우에는 점 하나를 안 찍었다거나 이런 경우들이 되게 많아요. 그래서 그 소스를 처음부터 천천히 다 살펴보셔야 됩니다. 정확하게 등록을 하셔야 돼요. 그리고 나서 수정 버튼을 이렇게 눌러주시면 정상적으로 반영되었다라고 나오죠. 그러면 정상적으로 반영이 됐고 이 배너가 지금 내가 방금 등록한 배너가 되겠죠? 그럼 이 배너가 이렇게 나옵니다. 그러면은 요거를 이제 적용 버튼을 이렇게 반드시 눌러 주셔야 내 블로그에 정확하게 적용이 됩니다 자 한번 확인을 해볼까요 이제 마케팅 닥터 블로그 메인으로 오시면 이쪽에서 이렇게 쭉 내려 보다 보면 자 홈페이지 바로가기 나오고 디지털 CEO 10만명 육성해서 클릭을 하는 순간 어떻게 돼요 제 마케팅 닥터 네이버 TV 채널로 옮겨오게 되어있죠. 이런식으로 하신다고 보시면 될 것 같습니다. 또 궁금한 점 있으시면 댓글 남겨주시구요. 반드시 영상 보시고 괜찮았으면 좋아요도 꼭 남겨주세요. 그러면 전 다음시간에 또 찾아오도록 하겠습니다. 저는 항상 디지털 CEO 여러분들 편입니다.










