블로그에 다른 페이지이동 배너 쉽게 달아보기

 

티스토리 블로그에 다른 페이지로 이동하는 배너 쉽게 넣는 방법

 

블로그 배너 만들기

블로그에 쉽게 배너를 만들어 넣는 기능을 가진 페이지입니다.

바로가기

#1 페이지로 이동 > 제목넣기 

다른 사람의 블로그는 드래그 복사 > 붙여넣기가 잘 안된다. 

본인 블로그로 로그인해서 들어가면 본인의 게시물은 자유롭게 복사 붙여넣기, 이미지 링크등을 가져올 수 있다. 

제목에는 블로그 제목을 입력한다. ( 물론 제목은 자유롭게 넣을 수 있다. )

#2 이동할 페이지에 대한 설명을 추가하기 

간단하게 이동할 페이지 본문의 내용을 복사해와도 되고, 그냥 임의로 작성해도 무관하다. 

#3 이동할 곳의 링크 넣기 > 블로그 주소를 붙여넣는다. (http 를 포함해서 넣는다.)

http를 넣지 않은 경우는 제대로 이동이 안될 수 있으니 이동할 페이지의 주소를 그냥 주소창에서 복사한다.

#4 대표이미지 링크 넣기 > 이미지를 첨부할 수 있는 기능이 없으니 웹에 올라가 이미지 경로를 복사해온다.

반드시 이때 이미지 복사가 아니라 이미지주소 복사를 한다.

#5 항목을 모두 채워 넣었으면, 배너 만들기 버튼을 클릭한다. 

그럼 표 하단으로 생성된 배너가 나온다.

#6 소스 복사 > 생성된 배너가 미리 보기 형태로 보여진다. 그리고 하단에 소스복사 버튼을 클릭한다.  

#7 최종적으로 블로그에 배너를 추가한다. 

이때 상단 메뉴중에 "외부컨텐츠" 를 클릭해서 HTML 코드형태로 붙여넣는다. (소스복사 후 그냥 붙여넣기 하면 된다.)

글작성이 끝나면, 배너를 클릭했을때 설정한 페이지로 이동하는 것을 확인할 수 있다. 

 

와이프 티스토리 작업용으로 만들었지만, 다른 곳에서도 사용가능하며, 

외부컨텐츠 넣는 메뉴가 없다면, 에디터에서 그냥 html 모드로 전환해서 소스를 붙여넣어도 된다.