구글블로그 사용법: 페이지 네비게이션 (이전페이지 다음페이지) 페이지 상단 위에 두는 방법

블로그의 특성에 따라서는 앞/뒤 페이지로 이동하는 네비게이션 링크나 버튼이 글(포스트)의 위쪽에 있는 것이 글의 아래쪽에 있는 것 보다 방문자에게 더 편리할 경우가 있다. 네비게이션을 글의 위쪽에 두는 방법은 아래와 같이 간단하다.

블로그의 HTML 편집창에서 '페이지 네비게이션 코드'를 복사하여 포스트의 위쪽 위치에 붙여 넣어 주면 된다. 포스트 아래에 있는 원래의 네비게이션을 그냥 두어도 되고 필요가 없다면 삭제하면 된다.

[1. 페이지 네비게이션 코드]

<!-- navigation -->
<b:include name='nextprev'/>

> 블로그 대시보드 > 템플릿(Template) >HTML편집(Edit HTML)을 클릭하여 HTML 편집창을 연다
> [컨트롤+F]키를 쳐서 검색상자를 열고, <!-- navigation -->을 복사하여 붙여 넣고 [엔터]키를 쳐서 해당 위치로 이동한다
> 페이지 네비게이션 코드인 <b:include name='nextprev'/>를 복사한다.
> 이 과정은 생략하고 위에 있는 코드를 복사해도 된다

[2. 페이지 네비게이션을 놓을 위치]

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>

> HTML 편집창에서 [컨트롤+F]키를 쳐서 검색상자를 열고 <div class='blog-posts 를 복사하여 붙여 넣은 다음 [엔터]키를 쳐서 해당 위치로 이동한다
> <div class='blog-posts'> 바로 아래쪽에 위에서 복사한 페이지 네비게이션 코드를 붙여 넣는다. 그러면 아래와 같은 모습이 된다

[3. 적용 후의 모습]

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>

<!-- navigation -->
<b:include name='nextprev'/>

> 위와 같이 붙여 넣었으면, 편집창의 맨 위에 있는 [저장 / Save Template]버튼을 눌러 저장을 하고, [나가기 / Back]버튼을 눌러 HTML 편집창을 닫으면 된다.

주) 구글 블로그에서 HTML 편집을 하고 저장을 하면 한참동안 응답이 없거나 저장되지 않았다는 메시지가 뜨는 경우가 흔히 있다. 저장을 하고 난 다음에 오류 메시지가 표시되더라도 일단 편집창을 닫고, 다시 편집창을 열어서 저장이 되었는지 확인을 해 보는 것이 좋다.