TM1-4. 티스토리 게시물 다음과 이전 페이지 만들기

안녕하세요.

 

오늘은 티스토리에 포스팅을 하면서 내 게시물에 다음 페이지와 이전 페이지 

등록하여 연관성 있는 게시물을 보여줄 수 있는 방법에 대해 알아보도록 하겠습니다. 

 

현재 게시물을 작성하고 있다면 다음 페이지가 없을테니 우선 이전 페이지의 URL 

복사해 둡니다. 

 

---

 

1. 이전 페이지 보여주기 

1-1. URL 본문 직접링크

 

: 우선 이렇게 자신의 URL 링크를 걸어서 본문에 붙여넣기 한 후에  엔터를 입력합니다. 

 

이전 페이지 단순히 URL 복사하면 자동으로 href 태그와 figure 태그가 생성되어져 

아래와 같이 표시됩니다. 

 

https://ggom-nyang-web.tistory.com/24

TM1-3.티스토리 - 게시물의 배경색 변경하기

 

 

 

1-1. URL 페이지를 직접링크하지 않고 텍스트로 대체하기 

 

: 기본모드가 아닌 HTML 변경해 줍니다. 아래의 형식을 보고 따라해 주세요. 

 

기본형식 : <a href=" URL 주소 >  이전 페이지  </a>

적용 : <a href="https://ggom-nyang-web.tistory.com/29"> 이전 페이지 </a>

 

그 다음에는 링크걸리게 되면 원하는 글자체와 색상을 기본모드에서 설정해 주시면 됩니다.  이렇게 진행하시면

스타일에 속성에 적용됩니다. 

 

이전 페이지를 만든 때 HTML 태그에서  다음 페이지가 없으니  자신의 티스토리 url 붙여 넣어둔 다음 

기본모드에서 적당한 뛰어쓰기를 합니다.

 

위에 적용한 것을 첨부하였으니 원하시는 내용과 주소를 변경해서 적용하시면 됩니다. 

다음과 현재 페이지 링크.txt

0.00MB

 

이전 페이지와 다음 페이지 글자 수정하시거나  <href=" url"> 보여주고 싶은 자신의 페이지를 복사붙여넣기하세요. 

 

 

이전 페이지                                                                                                    다음 페이지

 

 

여러분들은 그럼 포토샵으로 로고를 만들는 강의를 들었다면  before, previous, next 와 같은 

간단한 텍스트를 포토샵으로 만들어서 이미지를 생성해서 위의 글자 대신 이미지를 링크할 수

있는 방법에 대해 알아보도록 하겠습니다. 

 

ps. 시간이 되면 포토샵으로 간단한 아이콘을 만드는 방법에 대해서도 포스팅 해 보도록 하겠습니다.